Как сверху спрятать элемент под верхней секцией и показать перед нижней секцией?

Question

[katevoits]

Помогите пожалуйста правильно указать позиционирование для изображения с IPhone. Суть в том, что чтобы спрятать верхнюю часть изображения под верхней секцией, пришлось всей секции с IPhone задать overflow: hidden. Но проблема в том, что таким образом нижняя часть тоже прячется за нижнюю секцию. Если скрин нечитабельный, сделаю скрины отдельно с каждого монитора.

Answer 1

[Ваня Гурьянов]

Примерно так :
Верхняя часть - z-index:3;
Само изображение - z-index :2;
Нижняя часть - z-index :1;

Comments

[katevoits]

Пробовала, но не помогло. Телефон отказывается в верней и нижней частях жить двойную жизнь. Прячется за секции либо весь целиком, либо вообще не прячется .

[Ваня Гурьянов]

katevoits, можно код?

[katevoits]

Ваня Гурьянов, все было банально, с чередованием z-index все работало, только не «показывалось», потому что мой цвет фона не был прописан, а просто по умолчанию был белый. Задала ему цвет и все сработало) Спасибо)

[Ваня Гурьянов]

katevoits, удачи!