jquery - jQuery バナーとドロップダウン メニューの問題

Question

こんにちは、jQuery バナーとドロップダウン メニューに問題があります。ドロップダウン メニューは、jQuery バナー スライダーの後ろにあります。ここでサンプルを探します

z-index と position:absolute を試しましたが、修正できませんでした。

Answer 1

つまり、問題がありますが、 shernshiouz-indexが言ったようにプロパティで解決できます。これをcssファイルに入れる必要があります：

#slider{
    z-index : -1;
}

更新
つまり <= 8 では、サブメニューの z-index も設定する必要があります (ただし、デフォルトでは 0 にする必要があります)。そのため、すべてのサブメニューにクラスを追加してz-index、スライダーの属性よりも高い属性を設定するz-indexか、次のことができます。 jquery で動的に実行します。

var newZIndex = ($('#slider').css('z-index') || 0) + 10;
$('div[id^=menu_child]').css('z-index',newZIndex);

Answer 2

IEでは、ChromeとFirefoxが問題なく表示されていることを確認することしかできないため、これは有名なIEZ-Indexのバグであると想定する必要があります。

これは、バナーヘッダーと同じレベル（つまり、同じ親を持つ）の親に、バナーよりも高いz-indexを与えることで修正できます。

あなたの場合、それは<tr></tr>ナビゲーションがネストされている場所になります

その理由は、Internet Explorerが要素のすべてのネストを新しいスタッキングコンテキストと見なすためです。これは、グローバルz-indexよりも重要であると見なされます。これにより、同じネストレベルの要素がa）グローバルz-indexとb）相対z-indexを持ちます。

1レベル下の要素は、5000のグローバルz-indexを持つことができますが、親の1レベル下にネストされているため、常に親の兄弟の下にあると見なされます。

Answer 3

GoogleChromeで問題なく表示できます。

多分あなたは試すことができます

z-index: -1

あなたがバックグラウンドに置きたい人のために。