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

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

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

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

  • Баннер
  • Строка меню
  • Содержание
  • Нижний колонтитул

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

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

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

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

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

РЕДАКТИРОВАТЬ:

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

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

начальный css подменю:

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

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


css z-index
person webdev_007    schedule 07.09.2010    source источник
comment
Пример бы очень помог, не могли бы вы дать ссылку на код?   -  person Stephan Muller    schedule 07.09.2010
comment
не могли бы вы разместить ссылку на вашу страницу.   -  person sushil bharwani    schedule 07.09.2010
comment
Извините, у меня есть договоренность с моим клиентом, не публиковать сайт до тех пор, пока он не будет полностью .. без ошибок (очень сложно) .. разрабатывается. Я пытаюсь опубликовать некоторые коды здесь, как только получу разрешение. Я очень сожалею об этом.   -  person webdev_007    schedule 07.09.2010
comment
он должен нормально работать в любом браузере (ну, может быть, есть проблемы со старыми версиями ie), но я знаю, что есть проблема при использовании flash и z-index... но если это не так, возможно, у вас что-то не так в вашем css (возможно, опечатка), и браузеры не читают z-индекс или что-то еще может быть не так.. нам нужен код, по крайней мере, используйте jsfiddle.net для публикации примера   -  person pleasedontbelong    schedule 07.09.2010
comment
Да, нам нужно увидеть хоть какой-то код. Если бы вы могли опубликовать только HTML и CSS для строки меню и <div id="images">, это должно помочь. Что касается вашего клиента, просто не говорите ему. При всем уважении, я не думаю, что вы разработали какой-либо код, который остальной мир отчаянно пытается украсть.   -  person Paul D. Waite    schedule 07.09.2010
comment
Ха-ха, действительно Пол. Мои коды очень стандартны. Но, вы знаете, неграмотные в ИТ клиенты иногда доставляют хлопоты, они даже просят меня разработать функцию отключения просмотра исходного кода (html), но не во флэш-памяти, и я был такой, черт возьми! Ну, я просто не хочу подавать в суд или платить деньги, понимаете. смеется   -  person webdev_007    schedule 08.09.2010
comment
@webdev_007 вы можете удалить свой вопрос, если, я полагаю, на него нет ответов, за которые проголосовали. --- Ищите ссылку delete под списком тегов при просмотре собственного вопроса.   -  person Peter Ajtai    schedule 08.09.2010

Ответы (1)


arrow_upward
0
arrow_downward

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

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

<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'ов при создании веб-сайта, но это самый простой способ донести свое сообщение. Дайте мне знать, как это происходит.

person diggersworld    schedule 07.09.2010
comment
Привет, другой мир. Я исправил ошибку и опубликую свое решение в своем отредактированном вопросе. Спасибо за ответ в любом случае - person webdev_007; 08.09.2010