0

ドロップダウン ナビゲーション バーがあり、アイテムにカーソルを合わせると、ドロップダウン オプションがIE7スライダーの後ろに隠れて表示されます。

私はz-index運がないことを試みました。さらに、メニュー ボタンと IE7 の最初のオプションの下にもスペースがあります。私はまだそれを修正しようとはしていません。私の主な関心事は、スライダーのコンテンツの上に表示することです。

ここで確認できます: http://www.condorstudios.com/stuff/temp/index.php

4

2 に答える 2

2

$(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]-->
于 2012-08-14T17:54:59.830 に答える
0

最近、同じ問題をここで解決したので、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;
}
于 2012-08-14T18:14:43.253 に答える