Проблемы с Z-индексом в IE8 при использовании сетки 960 - PullRequest
Новая
       18

Проблемы с Z-индексом в IE8 при использовании сетки 960

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

У меня проблема в IE8, когда моя навигация в стиле выпадающего списка идет за другим элементом. Я перепробовал все, от установки zindex нарушающего элемента до 1 и раскрывающегося списка до 99 и 999. Я думаю, что это как-то связано с тем, что я использую сетку 960, как это было раньше, когда я не работал. *

Обновление: проблема возникает в IE8.0.6, но не в IE8.0.7

Обновление 2: проблема возникает в IE8.0.6001.187021C, но не в IE8.0.6001.1870

Я ненавижу Microsoft.

Вот моя таблица стилей , и вы можете видеть, что проблема возникает здесь

Ответы [ 3 ]

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

Попробуйте также дать "#drop_nav li" z-index

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

Эта проблема также появляется в IE 7.0.6002.18005, у меня нет 8, но мне кажется, что следующее работает для меня локально и выглядит так, как будто оно не нарушает Firefox, поэтому, возможно, это будет работать и для IE8, но опять Я не знаю, выполнимо ли это для вас или это вызовет проблемы в будущих обновлениях, но оно того стоит:

На главной странице я заменил несколько тегов:

а) <div id="left_container" class="grid_1">

с <div id="left_container" class="grid_1" style="position:static;">

б) все случаи <li class="last"> с <li class="last" style="position:static;">

OR

Найти / заменить следующий класс и селектор во внешнем CSS следующим образом:

960grid.css 

.container_5 .grid_1 {
    WIDTH: 182px;
      position:static;
}

style.css 

#drop_nav .last {
    BORDER-BOTTOM: #fff 0px solid;
      position:static;
}

Btw Я только что попробовал его на IE8 6001 18720, и с вашей веб-страницей вообще не было проблем. Мне не нужно было ничего менять, и все отображалось нормально (не редактировал css или что-то еще, только посетил URL, и это сработало).

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

IE, как известно, имеет ошибки z-index, это не имеет ничего общего с сеткой 960.

Вы можете присвоить контейнеру списка (#left_container) более высокий z-index: 

#left_container {
    z-index: 999;
}

или ниже z-index для center_element: 

#center_element {
    z-index: -1;
}

см. Также: http://doctype.com/ie8-zindex-anomaly

...