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

Question

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

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

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

Я ненавижу Microsoft.

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

Answer 1

Эта проблема также появляется в 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;">

ИЛИ ЖЕ

Найти / заменить следующий класс и селектор во внешнем 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, и это работало).

Answer 2

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

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

#left_container {
    z-index: 999;
}

или уменьшите z-индекс для center_element:

#center_element {
    z-index: -1;
}

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

Answer 3

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