Баг z-index в IE.
Возможно я тему назвал не так, может быть это просто "фитча", а может быть баг в моей голове. Так или иначе, вот суть моей проблемы:
Имеем выпадающее меню с z-index: 999999;. Выпадает оно когда наводим мышку на определенную область (это не важно). А вот скрывается оно (И это уже важно) по событию onmouseout, привязанному к самому же выпадающему меню. Само оно представляет из себя div с вложенными div'ами в которых вложенны <a>. Т.е. как только юзер уводит мышь за пределлы div'a - выпадающего меню, див прячется по display: none. Под ним (под выпадающим меню) имеем текст в диве. Т.е. в слое 0, слой не определен, так что меню над ним. Во всех браузерах работает как надо - уводим мышь за область выпавшего меню, срабатывает событие onmouseout, меню скрывается. А в ишаке(6, 7 и 8) проблема: как только мышь встает над текстом из слоя который ниже. Т.е. как только она встает в точку на слое 999999, под которой находится текст из нижнего слоя - сразу происходит onmouseout и меню пропадает. Мне представляется что это проблема z-index. Кто уже борол - подскажите, как? |
А можно ссылочку с примером?
|
Завтра будет. Ссылку на оригинал я дать не могу но сейчас пишу то же самое с нуля чтоб исключить вероятность лишнего кода. Допишу - кину ссылку. Я думал, может быть проблема тривиальная и это просто я с ней первый раз столкнулся, а народ с ходу подскажет. Первый пост немного путанный, да, но кто уже писал подобное меню и у кого такое было тот наверно сразу поймет о чем я. Кто не понял из поста - ссылку обязуюсь скоро дать.
|
сталкивался с такой фигней.
Проблема в том что для твоего меню onmouseout происходит всегда как только цель меняется. Например если курсор будет проходить от твоего меню к внутреннему элементу меню, сработает onmouseout для меню. Проблему решал так: при mouseout проверял содержит ли контейнер таргет элемент. если да - пропускал скрытие меню. |
Сейчас сосредоточили силы на другом, данный баг пришлость бросить на время, но проблема похоже всеже в том что не зря люди пишут в блогах что меню надо строить на ul , а не на div. Сделал по науке - на базе списков, данной проблемы не вижу. Вижу правда много других проблпем в FF с позиционированием, да и высоту элементов списка еще задать не пробовал, возможно с заданием высоты баги z-index'а пойдут. Но пока выглядит обнадеживающе. Как только столкнуть с очередной крепкой стеной или напишу удачное меню - отпишусь со всеми подробностями и ссылкой на то что получилось.
|
Часовой пояс GMT +3, время: 12:23. |