以下のようなサブメニューを開いた際にメニューの上に重ねて表示したいのですが
うまくいきません。ご指導頂けますようお願い申し上げます。
/* サブメニュー
---------------------------------------------*/
#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;
}
z-indexはpositionプロパティーで位置指定されている要素の重なり順を指定するものです。
http://w3g.jp/css/display_position/z-index
上に重ねる要素のスタイルに position:absolute; か position:relative; の記述を追加してみてください。
コメント(1件)
誠に申し訳ありません。
大変勉強になりました。