Проблема Z-индекса в IE7

Question

** этот вопрос за вознаграждение, потому что приведенные ниже ответы не решили проблему.

Я отлаживаю страницу в IE7 и столкнулся с одной проблемой.Когда вы наводите указатель мыши на навигационную ссылку, выпадающий список падает под слайдом под ним.Раскрывающийся список ul позиционируется абсолютно с z-индексом 10, а ползунок позиционируется относительно своего родителя с z-индексом 1. Что-то внутри #slider заставляет меню отставать от него.

Вы можете просмотреть его на vitaminjdesign.com / search

Я использовал jquery для изменения z-индексов каждого потомка #slider:

$(function() {
      $('.jFlowSlideContainer').css('z-index', '1');
        })
      $(function() {
          $('#jFlowSlide').css('z-index', '1');
        })
      $(function() {
          $('#slides').css('z-index', '1');
        })

Тем не менее, вIE7, подменю находится позади слайдера.Возможно, проблема заключается в скрипте меню?

Answer 1

Проблема с контекстами стека . В основном элементы #menu li, для которых вы установили z-index (9), не находятся в том же контексте стека, что и элемент #slider (для которого вы установили z-index 1). Быстрое решение состоит в том, чтобы установить z-index вашего #header элемента в 2, однако я бы порекомендовал прочитать контексты стека.

Answer 2

position:relative;
float:left;
height:296px;
z-index:1!important;

для z-index существует, позиция должна быть "абсолютной", а дисплей "блоком"

position:absolute;
display:block;
z-index:1!important;

привет

Answer 3

У вас, кажется, есть несколько проблем. Я вынул все между <div id='slider'> ... </div> и заполнил его фиктивным текстом, чтобы я мог видеть, переходит ли меню или нет. Это все еще происходило. Я взглянул на правила в style.css для #slider и удалил position: rule, чтобы получить следующее:

#slider {
Z-INDEX: 1 !important; FLOAT: left; WIDTH: 960px; HEIGHT: 296px;
}

И это, казалось, заставило его работать. Затем я снова добавил содержимое слайдера, и оно снова сломалось. = \

Answer 4

Попробуйте указать высоту или высоту: auto. Трудно сказать, не видя код.