H-выпадающее меню Z-Index проблема в IE7 - PullRequest
2 голосов
/ 23 ноября 2011

Я работаю над страницей для одного из наших приложений, которая отображает большую таблицу данных, а также раскрывающийся список с опциями для каждого элемента.Вы можете увидеть скрытую версию моего проекта по адресу (ссылка удалена, проблема решена).

Вот моя проблема: выпадающее меню в каждой строке расположено абсолютно, и у каждого есть z-индекс600. При наведении курсора я увеличиваю z-индекс до 900, чтобы при его открытии он мог появиться в верхней части выпадающего списка в строке непосредственно под ним.Я подозреваю, что это состояние при наведении не действует в IE7, и раскрывающийся список всегда отображается под раскрывающимся списком в следующей строке (только в IE7).

Далее я попытался задать раскрывающийся список в 1-й строке a z-индекс 699, выпадающий во 2-й строке z-индекс 698, 3-й ряд 697 и т. д., так что каждый из них будет выше, чем тот, что под ним.Это также не работает, и при открытии раскрывающиеся списки все еще появляются под раскрывающимся списком следующей строки.

Я понимаю, что, предоставив родительскому элементу более высокий z-индекс, вы можете исправить проблемы с IE7 z-index, и я на самом деледействительно использовал этот метод для другого меню на той же странице (но его нет на этой демонстрационной странице), и он отлично работал для этой цели.Однако я попытался дать родителю этих выпадающих списков z-индекс 999 (с позицией: относительный, конечно), и все же мне не повезло, установив правильный порядок наложения на странице.Это сводит меня с ума, и мне действительно нужно закончить этот проект, и это единственное, что не работает должным образом, прежде чем мы сможем запустить.Действительно ненавижу поддерживать IE7, но это должно быть сделано, и я знаю, что это должно быть возможно.Пожалуйста, я был бы очень признателен за любую помощь, которую мне может предложить.Я чувствую, что исчерпал все возможности, но, надеюсь, кто-то знает, как этого можно достичь.

Ответы [ 2 ]

3 голосов
/ 23 ноября 2011

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

0 голосов
/ 22 сентября 2012

для меня

body {
z-index: -1;
}

ul li{z-index: 999;}
...