Проблема CSS: замена для z-index?

Question

Есть ли замена для z-index?

Мой код слишком длинный, поэтому я кратко объясню свой код в текстовой форме:

Макет моего сайта (сверху вниз):

• Banner
• Строка меню
• Содержание
• Footer

В 1 из меню я добавил эффект SlideDown (с помощью jquery) при наведении курсора на отображение в подменю.

У меня есть 5 изображений, прямо под строкой меню, => <div id='images'>. Каждое изображение под <li class="thumb">

Моя проблема: когда я переворачиваю меню, подменю находятся позади изображений. Я перепробовал все методы, отладил с помощью firebu, протестировал во всех популярных браузерах, IE, FF, Chrome, Opera и Safari, ни один из них не работает. Я установил z-index и position: относительный / абсолютный, но не повезло.

Есть ли другой способ отобразить мои подменю перед изображениями?

Пожалуйста, помогите

EDIT:

Привет, ребята,

Я исправил проблему. Но это странно, и я не понимаю, почему.

исходное css подменю:

#submenu{
  ...
  z-index: 500;
  position: relative;
  ...
}

После того, как я изменил значение z-index на 1000, оно теперь работает. Я не понимаю почему, хотя. Z-индекс для изображения -100, до и после того, как я исправил проблемы. Есть ли какая-то конкретная причина, почему значение 500 не работает, а 1000 может работать? Я не использовал z-index на других элементах (остальная часть страницы). (Может быть, я должен открыть новый вопрос для этого). В любом случае, извините за публикацию этого бесполезного вопроса, любезная душа, не могли бы вы закрыть эту тему / вопрос?

Answer 1

Трудно сказать, как вы выложили свою страницу, но вот предложение.

Попробуйте следующее:

<div id="banner"><!--banner contents--></div>
<div id="menu"><!--menu contents--></div>
<div id="content"><!--main contents--></div>
<div id="footer"><!--footer contents--></div>

Тогда в css вы хотите:

div#menu {
    position: relative;
    z-index: 10;
}

Я не люблю использовать это большое количество div'ов при создании сайта, но это самый простой способ донести мое сообщение. Дайте мне знать, как это происходит.