Проблема с Z-Index и IE7 - PullRequest
Новая
       35

Проблема с Z-Index и IE7

0 голосов
/ 15 января 2011

Я просмотрел на доске и попробовал кучу этих решений, и я все еще застрял.

Страница, на которую я смотрю, здесь . В IE7 раскрывающиеся списки отображаются за содержимым домашней страницы. И если вы перейдете в один из разделов сайта, нажав «Меню», они даже отобразятся за динамически создаваемой боковой панелью.

Я дал выпадающий z-индекс 1000 и относительное позиционирование. На главной странице изображения имеют относительное расположение и небольшой z-индекс (1 или 2).

Есть идеи?

Ответы [ 3 ]

0 голосов
/ 15 января 2011

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

Посмотрите, можете ли вы изменить их, чтобы они были относительно позиционированы.

0 голосов
/ 15 января 2011

Вы также можете попробовать это исправление http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/, работает для IE6 и несколько раз спасло меня и в IE7. Вы должны установить свойства z-Index только для IE6 и 7 и действовать вразрез с логикой.

0 голосов
/ 15 января 2011

Вы хотите добавить position:relative или zoom:1 ко всем родительским элементам, которые содержат ваши раскрывающиеся списки. Например:

CSS: 

.posRelative { position:relative; }

Общий HTML: 

...
<body>
    <div id="header" class="posRelative">
        <ul id="menu" class="posRelative">
            <li class="posRelative">....</li>
            <li class="posRelative">....</li>
            <li class="posRelative">....</li>
        </ul>
    </div>
...

Очевидно, что есть более эффективные способы применения этого свойства стиля, но, надеюсь, вы поняли идею.

...