Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   проблемы с z-index (https://javascript.ru/forum/xhtml-html-css/28387-problemy-s-z-index.html)

Natali_RnD 17.05.2012 16:20

проблемы с z-index
 
Здравствуйте.
Есть меню на сайте, по наведению на его элемент z-index элемента становится большим, но почему-то картинки находящие ниже меню с меньшим z-index его перекрывают. Помогите разобраться.
сайт http://amf27.ru/border/# , загрузите фотку и увидите что она перекроет открывающееся меню...

Seva1986 17.05.2012 17:35

Natali_RnD,
Потому что у какого то элемента который идёт после меню z-index или равен или больше чем у nav поставь nav z-index :2 или больше. А то что у списка с абсолютом 50 это не значит что он больше, там от уровня зависит, если у одного родителя индекс выше чем у другого то и любой из его потомков будет выше любого потомка второго родителя.

Natali_RnD 17.05.2012 20:07

спасибо большое!

Natali_RnD 17.05.2012 20:28

чтобы не плодить отдельную тему, спрошу тут же, почему может некорректно работать float:left?
http://amf27.ru/shop/camera/oplympus_cameras/ должны быть подряд товары, а возникают какие-то пропуски в некоторых строках

Seva1986 17.05.2012 22:18

Дело в высоте, чтобы так расположить боки их высота должна быть одинакова, под высотой нужно понимать не только height но и отступы, рамки и поля, так как флоат прижмётся к ближайшему краю к которому сомжет, есть правила описывающие поведения флоатов. или использовать не флоаты.

Natali_RnD 18.05.2012 06:19

ещё раз большое спасибо!


Часовой пояс GMT +3, время: 18:34.