IE7 портит свойство z-index с моим subnav (хотя я уже исправил это!) - PullRequest
2 голосов
/ 18 июня 2010

ОК, поэтому у меня возникла эта проблема с моим jQuery subnav в IE7, где он прокручивался за основным контентом после заголовка.Провел немало исследований и нашел отличное решение, включающее простое применение значения z-index к заголовку и один к основному контенту.

Все было хорошо.Или так я думал.

Оказывается, IE7 все еще портит z-индекс subnav в самом заголовке.Subnav по-прежнему опускается за слоганом, который также является частью заголовка.Особенно, когда вы нажимаете субнав на вкладке «Справка сейчас».(опять же, только в IE7)

http://betawww.helpcurenow.org

Я применил значения z-index как к subnav, так и к тэглингу, но это не решило проблему, так как добавило z-indexзначения для заголовка и div основного содержимого.

Есть советы?Неправильно ли я указал свой z-индекс с помощью subnav?(я должен был применить к родительскому элементу?)

Ответы [ 5 ]

1 голос
/ 18 июня 2010

Вы пытались сделать z-index на header выше, чем z-index на nav например ::10000 *

#header
{
  z-index: 5000;
}

#nav
{
  z-index: 2000;
}

Подробнее здесь

0 голосов
/ 18 июня 2010

Мне пришлось изменить z-index на #tagline на -1. Изменение z-index в заголовке было проблематичным, главным образом потому, что я уже использовал хак, чтобы не допустить, чтобы subnav также отставал от основного контента.

0 голосов
/ 18 июня 2010

Некоторые элементы управления HTML отображаются в IE как «оконные», то есть не учитывают z-index.Я не знаю насчет IE7, но для старых IE, например, окна выбора и iframe были оконными.

0 голосов
/ 18 июня 2010

try:

#header #nav {position:relative; z-index:9000;}

и

#header #tagline {position:relative;}

Я думаю, что в более старом IE есть проблема с z-индексами, поскольку они сбрасывают порядок наложения с элементами, которые имеют общих родителей.

0 голосов
/ 18 июня 2010
<div id="maincontent" style="z-index=-1" class="container960"></div>

Возможно, в этот момент могут возникнуть некоторые проблемы со ссылками в maincontent, но вы можете исправить их там.

...