У меня есть раскрывающаяся панель навигации, и когда вы наводите курсор на элементы, а параметры раскрывающегося списка появляются в IE7, они скрываются за ползунком.
Я пробовал z-index, но безуспешно. Кроме того, есть некоторый интервал под кнопкой меню и первой опцией в IE7. Я еще не пытался это исправить, моя главная забота - заставить его отображаться над содержимым слайдера.
Вы можете увидеть это здесь: http://www.condorstudios.com/stuff/temp/index.php
Добавьте это в свой $(document).ready() обработчик:
var zi = 1000;
$('*').each( function() {
$(this).css('zIndex', zi);
zi -= 10;
});
Чтобы убедиться, что это выполняется только в IE7, добавьте этот вне ваших <script> тегов, но в <head>:
<!--[if IE 7]>
<script type="text/javascript">
$(document).ready(function() {
var zi = 1000;
$('*').each( function() {
$(this).css('zIndex', zi);
zi -= 10;
});
});
</script>
<![endif]-->
<SCRIPT type=text/javascript> $(document).ready.... Добавьте это сразу после открывающей скобки.
- person Chris; 14.08.2012
-930 и т. Д.
- person Brett; 14.08.2012
Я решил эту же проблему недавно здесь, так что здесь оба исправления для IE7:
CSS:
/* show menu above content */
#nav li {
display: block;
position: relative;
z-index: 1; // force IE to recognize stack at this point
}
/* normalize layout, IE7 not makes this automatically */
body,ul,li {
margin:0;
padding:0;
}
