ナビゲーションバーのZ-INDEXについての質問です。

以下のようなサブメニューを開いた際にメニューの上に重ねて表示したいのですが
うまくいきません。ご指導頂けますようお願い申し上げます。

/* サブメニュー
---------------------------------------------*/
#navigation ul ul {
background: #FFFFCC;
z-index:80;
}
#navigation ul ul li {
float: none;
z-index:100;
}
#navigation ul ul li a {
border-top: 1px solid #FFFFFF;
background: none;
font-size: 10px;
font-weight: normal;
padding: 6px 0;
Z-index: 100;
}
#navigation ul ul li a:hover {
color: #FFFFFF;
background-image: none;
background-color: #EC8602;
}
#navigation ul li.parent ul {
display: none;
}
#navigation ul li.parentOn ul {
display: block;
}

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:
  • 終了:2008/12/26 11:06:27
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

回答1件)

id:m_nagase No.1

回答回数58ベストアンサー獲得回数8

ポイント60pt

z-indexはpositionプロパティーで位置指定されている要素の重なり順を指定するものです。

http://w3g.jp/css/display_position/z-index

上に重ねる要素のスタイルに position:absolute; か position:relative; の記述を追加してみてください。

  • id:mika555
    お礼を書く前に終了してしまいました。
    誠に申し訳ありません。
    大変勉強になりました。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません