0

維持している Web サイトの z-indexing に問題があります。SuperFish メニューと div の z-indexing が原因のようです。ただし、 position:relative/absolute & z-index: 99999 宣言をどこに置いても、メニューは右側の 3 番目のパネルの後ろで動かなくなります。

この問題を確認するには、練習エリア、次に不動産にカーソルを合わせる必要があります。サブメニューがパネルの後ろで動かなくなっていることに気付くでしょう。

これを理解しようとして、私は夢中になっています。

ウェブサイトは次のとおりです。http://174.120.240.5/~rushmars/

4

1 に答える 1

0

配置要素が多すぎます。全体をツリーで見てみましょう。

  • 体 -position: relative
    • ＃主要
      • ヘッダー -position: relative; z-index: 99
      • .primary_content_tail -position: relative; z-index: 9300
    • フッター

MDNが言うように

スタッキング コンテキストは、ドキュメント内の任意の場所で、[...] "auto" 以外の z-index 値で (絶対的または相対的に) 配置された任意の要素によって形成されます。

したがって、ヘッダーにあるメニューが常にコンテンツの背後にあるように、2 つのスタック コンテキストがあります。z-indeces を auto (インライン) に設定してみてください。今、私たちは持っています

  • 体 -position: relative
    • ＃主要
      • ヘッダー -position: relative; z-index: auto
      • .primary_content_tail -position: relative; z-index: auto
    • フッター

また、Chrome Canary と Firefox Aurora で期待どおりに動作します。最初の z インデックスが必要な場合は、メニュー用に新しいレイヤー (スタック コンテキスト) を作成する必要がある場合があります。

于 2013-08-09T00:12:13.557 に答える