Ошибка Z-index в IE6 ... не могу понять это - PullRequest
1 голос
/ 28 декабря 2010

Я работаю над этим великолепным заголовком здесь: http://kayaskitchenbelmar.com/test/header.html

К сожалению, в IE6 выпадающие списки кнопок Print и View сворачиваются на новую строку.

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

Возможно, я пропускаючто-то очевидное?

Обновление

Ну, я думаю, я сузил это до относительной ошибки IE6

Эти исправления были обязательны:

#nav-options{
  margin-left: 15px;
  padding-top: 20px;
  width: 232px;
  height: 41px;
  position: relative;
  z-index: 3000;
}

.popup-nav{
  clear: both;
  display: none;
  float: none;
  position: relative;
  right: 318px;
  text-align: right;
  top: 15px;
  z-index: 1000;
}

Но похоже, что IE6 не распознает relative в этом случае.И я не могу использовать «absolute», потому что он не позволит div относиться к родительскому элементу ul, который его называет.

Есть идеи?

1 Ответ

0 голосов
/ 28 декабря 2010

И я добавил это, и это было золотым:

* html #nav-options {overflow: hidden;}
* html .popup-nav {right: 20px;}
...