Раскрывающееся меню навигации моего JavaScript отображается за контентом в Internet Explorer 7 - PullRequest
Новая
       11

Раскрывающееся меню навигации моего JavaScript отображается за контентом в Internet Explorer 7

2 голосов
/ 26 мая 2010

ОК, так что я работаю над редизайном, и мы разработали большинство наших кросс-браузерных ошибок совместимости CSS - за исключением явного с ie7.

Проблема в том, что мы используем JavaScript для выпадающего меню навигации. Во всех браузерах, кроме отмеченного виновника, все работает как положено.

Однако в IE7 я получаю выпадающий список, который появляется за другими элементами моей страницы, как если бы z-index был установлен на что-то отрицательное. Но на самом деле я применил правило CSS, которое устанавливает для этого элемента z-index 4000, и использовал это правило для исправления той же проблемы в современных браузерах.

По некоторым причинам IE7 не распознает правило. IE7 не поддерживает это правило CSS? Если нет, какие-либо предложения о том, как решить это для IE7? Решение JavaScript?

Вот эта страница вопроса: http://betawww.helpcurenow.org/

Спасибо!

Ответы [ 6 ]

3 голосов
/ 26 мая 2010

ОК, после небольшого исследования благодаря предложению Скотта о том, что проблема заключается в z-индексе IE7, я нашел решение в http://webdemar.com/webdesign/superfish-jquery-menu-ie-z-index-bug/

Проблема заключалась в том, что моим содержащим элементам (div # header и div # mainContent) нужно было присвоить значения z-index для IE7, чтобы решить эту проблему.

2 голосов
/ 22 июля 2011

Я также столкнулся с этой проблемой, но присвоение высокого z-индекса содержащемуся элементу (меню) не решило проблему само по себе. Мне пришлось добавить положение: относительное , чтобы подтолкнуть его перед упрямым сценарием (конечно, присвоение z-index: 0 сценарию изображения).

1 голос
/ 28 февраля 2011

ОК, после небольшого исследования благодаря предложению Скотта о том, что проблема заключается в z-индексе IE7, я нашел решение в http://webdemar.com/webdesign/superfish-jquery-menu-ie-z-index-bug/

Проблема заключалась в том, что моим содержащим элементам (div # header и div # mainContent) нужно было присвоить значения z-index для IE7, чтобы решить эту проблему.

Это очень полезно. Большое вам спасибо.

1 голос
/ 26 мая 2010

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

Это может быть частью проблемы, если вам нужно решение JS, вы можете заглянуть в следующий проект:

http://code.google.com/p/ie7-js/

0 голосов
/ 22 мая 2013

У меня была эта проблема, и я поместил этот код на страницу (ы) с проблемами, и это решило ее Просто замените div на любой элемент. 

<script>$(function() {
var zIndexNumber = 1000;
$("div").each(function() {
$(this).css('zIndex', zIndexNumber);
zIndexNumber -= 10;
});
});
</script>
0 голосов
/ 28 сентября 2012

Поместите ваше меню в новый DIV и присвойте z-index (большее значение) этому DIV.

...