У меня есть два объекта - меню и галерея.
Всё написано на jquery.
Первый объект - меню с выпадающими боковыми ссылками вправо.
Когда ссылки выпадают, то они должны находиться поверх любого содержания страницы на которой находятся, том числе, и поверх галереи.
Второй объект - небольшая галерея.
Галерея находится в центре страницы - справа от выпадающего меню.
Моя проблема.
Когда работает выпадающее меню, то та часть ссылок которые перекрывают галерею, заходят под её тело, и их не видно.
Я пытался решить эту проблему через слои.
Например для меню:
<div id="layer2">
<? include ("blocks/lefttd.php"); ?>
<div>
Для галереи:
<div class='container' id='layer1'>
<div id='fotorama'>
<img src='{$row['mini_img1']}'>
<img src='{$row['mini_img2']}'>
<img src='{$row['mini_img3']}'>
<img src='{$row['mini_img4']}'>
<img src='{$row['mini_img5']}'>
<img src='{$row['mini_img6']}'>
<img src='{$row['mini_img7']}'>
<img src='{$row['mini_img8']}'>
<img src='{$row['mini_img9']}'>
<img src='{$row['mini_img10']}'>
</div>
</div>
Jquery я не трогал, потому, что плохо в нём разбираюсь.
Вопрос остался открытым - проблема не решена.
Кто знает, что делать? Подскажите пожалуйста.
С уважением и надеждой.
Спустя 25 минут, 18 секунд (8.06.2012 - 09:27) Игорь_Vasinsky написал(а):
z-index? css, нее?
Спустя 5 часов, 2 секунды (8.06.2012 - 14:27) Dali написал(а):
Цитата (Игорь_Vasinsky @ 8.06.2012 - 06:27) |
z-index? css, нее? |
Да z-index, но он почему то это не работает, хотя в css:
#layer1{z-index:1;} /*для галереи*/
#layer2{z-index:2;} /*для меню*/
А насколько я знаю, чем выше index , тем выше слой.
Спустя 5 минут, 7 секунд (8.06.2012 - 14:32) m4a1fox написал(а):
Dali
оффтоп
Использование short тегов - зло (до стабильного распространения php 5.4)
Конструкция include - не нуждается в скобках - "это создает избыточность (с) "
оффтоп
Свернутый текст
<? include ("blocks/lefttd.php"); ?>
Использование short тегов - зло (до стабильного распространения php 5.4)
Конструкция include - не нуждается в скобках - "это создает избыточность (с) "
Спустя 2 минуты, 58 секунд (8.06.2012 - 14:35) Zzepish написал(а):
m4a1fox
да и в кавычках тоже. апострофов с головой хватит
да и в кавычках тоже. апострофов с головой хватит
Спустя 3 минуты, 1 секунда (8.06.2012 - 14:38) Dali написал(а):
Цитата (m4a1fox @ 8.06.2012 - 11:32) |
Dali оффтоп Свернутый текст
Использование short тегов - зло (до стабильного распространения php 5.4) Конструкция include - не нуждается в скобках - "это создает избыточность (с) " |
Исправил:
<div id="layer2">
<? include 'blocks/lefttd.php'; ?>
<div>
Но, проблема не решена.
Спустя 6 минут, 17 секунд (8.06.2012 - 14:44) Игорь_Vasinsky написал(а):
Dali
укажи как
укажи как
!important
Спустя 25 минут, 23 секунды (8.06.2012 - 15:10) Dali написал(а):
Цитата (Игорь_Vasinsky @ 8.06.2012 - 11:44) |
Dali укажи как !important |
Ну, как только уже не пробовал.
В css сделал так:
#layer2{z-index:2 !important;}
Результат нулевой.
Спустя 20 часов, 41 минута, 53 секунды (9.06.2012 - 11:51) HErATuB написал(а):
Мой опыт говорит z-index один не работает, он работает вместе с position