> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://helping.alive-pic.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Arbeiten mit Ebenen und Z-Index

Wenn Ihre Vorlage mehrere Elemente enthält – Fotos, Text, Bilder, Überlagerungen – werden diese übereinander gestapelt. Ebenen und Z-Index steuern, welche Elemente vorne und welche dahinter erscheinen. 

--- 

## Was ist Z-Index? 

Der Z-Index ist die „Tiefe“ eines Elements. Höherer Z-Index = näher an der Vorderseite. Niedrigerer Z-Index = weiter hinten. 

Stellen Sie es sich wie einen Kartenstapel vor: 

* **Hintergrund** – Immer unten 
* **Foto-Slots** – In der Mitte 
* **Text und Logos** – Oben 
* **Overlays** – Können je nach Design über oder hinter den Fotos angebracht werden 

--- 

## So ändern Sie die Ebenenreihenfolge 

1. Wählen Sie im Editor ein Element aus 
2. Verwenden Sie die **Ebenensteuerung**, um sie vorwärts oder rückwärts zu verschieben 
3. Zu den Optionen gehören typischerweise: 
* **Nach vorne bringen** – An die Spitze des Stapels verschieben 
* **Nach hinten senden** – Nach unten verschieben 
* **Vorwärts gehen** – Eine Ebene nach oben 
* **Nach hinten verschieben** – Eine Ebene nach unten 

[Screenshot: Ebenensteuerelemente im Editor] 

--- 

## Gemeinsame Layer-Anordnungen 

### Standardlayout 

1. Hintergrund (unten) 
2. Foto-Slots 
3. Text 
4. Logos / Grafiken (oben) 

### Overlay über Fotos 

1. Hintergrund (unten) 
2. Foto-Slots 
3. Dekorative Elemente (oben – Logos, Ränder, Grafiken über den Fotos) 

### Rahmeneffekt 

1. Hintergrund (unten) 
2. Foto-Slots 
3. Rahmen-/Randgrafiken (oben – erzeugt einen Rahmeneffekt um Fotos) 

--- 

## Tipps 

* **Fotos sollten sich normalerweise hinter Text und Logos befinden** – So sind Branding und Informationen immer sichtbar 
* **Overlays strategisch einsetzen** – Eine halbtransparente Textur über Fotos kann einen Vintage- oder künstlerischen Touch verleihen 
* **Vorschau Ihrer Ebenen** – Überprüfen Sie anhand tatsächlicher Fotos, ob wichtige Elemente nicht hinter anderen verborgen sind 

| Wenn in Ihrer Vorlage etwas „nicht stimmt“ – zum Beispiel, dass Text hinter einem Foto verschwindet – handelt es sich fast immer um ein Z-Index-Problem. Wählen Sie das Element aus und bringen Sie es in den Vordergrund.