html - その下の div の下に表示される superfish ドロップダウン メニュー

Question

実行例: http://screenr.com/k2X

div class="container_12 header" の z-index を 2 に設定し、div class="container_12 content" を 1 に設定しました

ul class="sf-menu" は、container_12 ヘッダー div 内にある 99 に設定されています

以前にこの問題が発生したことがあり、クラスに適切に z-index を設定することでうまくいくと考えていましたが、下の div (container_12 コンテンツ) の後ろにドロップダウン メニューを表示するという問題が依然として発生しています。

どんな助けでも大歓迎です、ありがとう。

.container_12.content {
  z-index: 1;
}

.container_12.header {
  background-color:#030;
  height:125px;
  border:1px solid yellow;
  z-index: 2;
}

Answer 1

スーパーフィッシュ メニューとログアウト ボタンがある div には、プロパティoverflow:scroll; Change that toがありvisibleます。

overflow:visible;
z-index:0;
position:relative;

注: z-index は、配置された要素 (position:absolute、position:relative、または position:fixed) でのみ機能します。

編集: 最良の結果を得るには、前にhtmlreset.cssをロードしてください!

Answer 2

div と ul は配置されていますか? z-index は、配置されたセレクターでのみ機能すると思います。