JQuery баннер и выпадающее меню проблема

Question

Привет, у меня проблема с баннером jQuery и выпадающим меню. Раскрывающееся меню находится за баннером jQuery. Ищите образец здесь

Я попробовал z-index и position: absolute, но не смог это исправить.

Answer 1

проверено в т. Е. ... у вас есть проблема, но она может быть решена с помощью свойства z-index, как сказал shernshiou . Вы должны поместить это в файл CSS:

#slider{
    z-index : -1;
}

UPDATE
В ie <= 8, вы должны также установить z-индекс для подменю (хотя он должен быть 0 по умолчанию), поэтому либо добавьте класс в каждое подменю, которое устанавливает атрибут <code>z-index выше, чем * 1011 ползунка * или вы можете сделать это динамически с помощью jquery:

var newZIndex = ($('#slider').css('z-index') || 0) + 10;
$('div[id^=menu_child]').css('z-index',newZIndex);

Answer 2

Так как я могу только проверить, что в IE Chrome и Firefox показывают это нормально, мы должны предположить, что это известная ошибка IE Z-Index.

Это можно исправить, задав родительскому элементу, который находится на том же уровне (то есть имеет тот же родительский элемент), что и заголовок баннера, более высокий z-индекс, чем баннер.

В вашем случае это будет <tr></tr>, где вложена навигация

Причина в том, что Internet Explorer рассматривает каждое гнездо элементов в новом стековом контексте, который считается более важным, чем глобальный z-индекс. Это приводит к тому, что элементы на одном уровне вложения имеют а) глобальный z-индекс и б) относительный z-индекс.

Элемент на один уровень ниже может иметь глобальный z-индекс 5000, но, поскольку он вложен на один уровень ниже своего родителя, он всегда будет считаться ниже его родных братьев и сестер.

Answer 3

У меня нет проблем с просмотром в Google Chrome.

Может быть, вы можете попробовать

z-index: -1

для тех, кого вы хотите поставить на задний план.