Как задать отображение картинки поверх другой?

Question

[Ольга]

Здравствуйте.
Такая проблема: на сайте выложили ряд картинок, но почему-то верх картинки нормально перекрывает другую, а низ уползает (см. на скриншоте).


Как задать, чтобы она равномерно перекрывала соседние блоки? сейчас задан z-index 900, не помогает
Заранее спасибо

Comments

[Kirill]

У трех блоков position: relative и z-index => 3, 4, 5, например. Не?

[noeer]

Вы задали для всех изображений z-index: 900?

[Ольга]

noeer, я задала для класса у этих изображений при .img:hover {z-index: 900}
То есть 900 задано только изображениям, на которые навели курсор

[Ольга]

noeer, просто странно, что верх перекрывается, а низ нет. картинки сверху и снизу той, что на примере, делают точно также (перекрывают верхнюю и уползают под нижнюю)

[noeer]

А position: relative задан?

[Ольга]

noeer, был задан только у рамки вокруг... спасибо! помогло!!!

[Rustam Bainazarov]

noeer, лучше ответ напишите, я или автор вопроса отметим решением.

Answer 1

[noeer]

z-index не работает с position: static.
Нужно задавать absolute | fixed | relative.
В данном случае, именно relative.