Почему меню отображается за изображением? - PullRequest
Новая
       3

Почему меню отображается за изображением?

1 голос
/ 26 августа 2010

На этом сайте: http://www.multiway.dk/ Выпадающее меню отображается за заголовком изображения, что я не совсем понимаю, так как меню имеет z-index: 100; и изображение имеет z-индекс: 1;

В FF работает нормально, но в IE не работает ??

Ответы [ 3 ]

1 голос
/ 26 августа 2010

Это хорошо известная ошибка в IE.

Попробуйте посмотреть

IE игнорирует Z-Index для позиционированных элементов

или

http://drupal.org/node/84608

0 голосов
/ 26 августа 2010

Это знаменитая ошибка Z-Index

По какой-то причине Internet Explorer делает довольно забавные вещи и имеет несколько известных ошибок с движком рендеринга, которые сводят с ума веб-разработчиков, таких как я.Хотя большинство известных ошибок встречаются в относительно непонятных ситуациях и остаются в основном незамеченными, есть некоторые, которые действительно выпадают и заставляют веб-разработчиков тратить много часов на их исправление.IE7 отображает порядки размещения z-index - один из них.

Один из способов решения многих проблем с IE7 - динамическое изменение порядка расположения элементов z-index по умолчанию для элементов на вашей странице.Это обеспечит более высокий порядок z-index на вашей странице для элементов выше в вашем исходном HTML-коде, что решит большинство проблем с IE.Если вы используете jQuery (лучшая библиотека Javascript), вот быстрое решение: 

$(function() {
    var zIndexNumber = 1000;
    $('div').each(function() {
        $(this).css('zIndex', zIndexNumber);
        zIndexNumber -= 10;
    });
});

Ref

Редактировать:Переместите этот код jquery в условные комментарии IE. 

<!--[if IE lte 7]>
<script type="text/javascript">
$(document).ready(function(){

$(function() {
    var zIndexNumber = 1000;
    $('div').each(function() {
        $(this).css('zIndex', zIndexNumber);
        zIndexNumber -= 10;
    });
});

$(".panel img").css("z-index","-1");
$(".menu_item").css("overflow","visble");


});

</script>
<![endif]-->
0 голосов
/ 26 августа 2010

Да, у меня было это некоторое время назад. Я лично использовал:

http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/

множество исправлений ((

)
...