> ## 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).

# Работа со слоями и Z-индексом

Если в вашем шаблоне есть несколько элементов — фотографии, текст, изображения, наложения — они накладываются друг на друга. Слои и z-индекс определяют, какие элементы появляются впереди, а какие позади. 

--- 

## Что такое Z-индекс? 

Z-индекс — это «глубина» элемента. Более высокий z-индекс = ближе к переду. Нижний z-индекс = дальше назад. 

Думайте об этом как о стопке карт: 

* **Фон** — всегда внизу. 
* **Фотослоты** — В центре. 
* **Текст и логотипы** — сверху. 
* **Наложения** — могут располагаться поверх фотографий или позади них, в зависимости от вашего дизайна. 

--- 

## Как изменить порядок слоев 

1. Выберите элемент в редакторе. 
2. Используйте **элементы управления слоем**, чтобы переместить его вперед или назад. 
3. Варианты обычно включают в себя: 
* **Переместить на передний план** — переместить наверх стека. 
* **Отправить на задний план** — перемещение вниз. 
* **Вперед** — на один уровень выше. 
* **Переместить назад** — на один слой вниз. 

[скриншот: элементы управления слоями в редакторе] 

--- 

## Общие расположения слоев 

### Стандартный макет 

1. Фон (внизу) 
2. Фотослоты 
3. Текст 
4. Логотипы/графика (вверху) 

### Наложение поверх фотографий 

1. Фон (внизу) 
2. Фотослоты 
3. Декоративные элементы (сверху — логотипы, бордюры, графика поверх фотографий) 

### Эффект рамки 

1. Фон (внизу) 
2. Фотослоты 
3. Графика рамки/рамки (сверху — создает эффект обрамления фотографий) 

--- 

## Советы 

* **Фотографии обычно должны быть позади текста и логотипов** — чтобы брендинг и информация всегда были видны. 
* **Используйте наложения стратегически** — полупрозрачная текстура поверх фотографий может придать винтажный или художественный вид. 
* **Предварительный просмотр слоев** — сверьтесь с реальными фотографиями, чтобы убедиться, что важные элементы не скрыты за другими. 

| Если что-то в вашем шаблоне выглядит «не так» — например, текст исчезает за фотографией — это почти всегда проблема с z-индексом. Выберите элемент и перенесите его на передний план.