.dropdown UL {
PADDING-BOTTOM: 0px; マージン: 0px; パディング左: 0px; パディング右: 0px; フロート: 左; PADDING-TOP: 0px;幅:149px;
}
.dropdown IMG {
BORDER-RIGHT-WIDTH: 0px; ボーダー上部の幅: 0px; 境界線の下幅: 0px; BORDER-LEFT-WIDTH: 0px
}
.dropdown LI {
LIST-STYLE-TYPE: none; 浮動小数点: 左;幅:149 ピクセル;
}
UL.dropdown {
WIDTH: 149px;
}
UL.dropdown LI {
LINE-HEIGHT: 44px !重要; ズーム: 1; フロート: 左; フォントサイズ: 14ピクセル;幅: 149ピクセル;
}
UL.dropdown A:link {
COLOR: #fff
}
UL.dropdown A:visited {
COLOR: #fff; テキスト装飾: なし
}
UL.dropdown A.hover {
COLOR: #fff
}
UL.dropdown A.active {
COLOR: #fff
}
UL.dropdown LI A {
PADDING-BOTTOM: 4px ;PADDING-LEFT: 8px; パディング右: 8px; 表示ブロック; 色: #fff;
}
UL.dropdown LI:unknown A {
BORDER-RIGHT-STYLE: none
}
UL.dropdown LI.hover {
POSITION: 相対; COLOR: #fff
}
UL.dropdown LI:hover {
POSITION: 相対; COLOR: #fff
}
UL.dropdown LI.hover A {
COLOR: #fff
}
UL.dropdown UL {
BORDER-BOTTOM: #fff 2px solid; 位置: 絶対的; ボーダー左: #fff 2px 実線。 幅: 149ピクセル; 可視性: 非表示。 ボーダートップ: #fff 2px solid; トップ: 100%; ボーダー右: #fff 2px 実線; 左: 0ピクセル;表示: ブロック;
}
UL.dropdown UL LI {
LINE-HEIGHT: 20px !重要; 幅: 149ピクセル; 背景: #000000; フロート: なし。 高さ: 25px !重要; フォントサイズ: 12px; フォントの重み: 通常;表示: ブロック;
}
UL.dropdown UL LI A {
BORDER-RIGHT-STYLE: none; 幅: 133ピクセル;
}
UL.dropdown UL LI A.hover {
BACKGROUND-COLOR: #e8edaa; COLOR: #b53240
}
UL.dropdown UL UL {
TOP: 0px; 左: 100%;幅:149px;表示: ブロック;
}
UL.dropdown LI:hover > UL {
可視性: 可視;表示: ブロック;
}
-
- 2012年
- 2011年
- 周杰
- 张薔
- 易贞桢
- 夏荣丽
＆lt; li style = "width：149px;"＆gt;＆lt; a href = "txt.aspx？sid = 151"ターゲット= "_ blank"＆gt;苏春燕＆lt;/a＆gt;＆lt;/li＆gt;
- 沈满
- 刘佳
- 李菁
- 胡雨佳
＆lt; li style = "width：149px;"＆gt;＆lt; a href = "txt.aspx？sid = 146"ターゲット= "_ blank"＆gt;
＆lt; li style = "width：149px;"＆gt;＆lt; a href = "txt.aspx？sid = 145"ターゲット= "_ blank"＆gt;白盛兰＆lt;/a＆gt;＆lt;/li＆gt;
- 杨姝红
- 2007-2010
が IE6、Firefox、Google に表示されません。問題の解決を手伝ってくれる人はいますか? overflow:hidden;z -index:100;">
ここでスタイルを削除してみてください
削除しても機能しません
こちらを参照してください
http://www.lwis.net/free-css-drop-down-menu/
お待ちください
どのような効果を望んでいるのかわかりません達成します
ドロップダウンリストを表示するだけです
ie6 は li:hover をサポートしていません。それを実装するための js を見つけてください
上記に同意します
你是想要 鼠标放上去显示下拉列表对吧。看看下面的是不是你要的。
#topnavall, #topnav, #topnav ul, #topnav ul li, #topnav ul li a { overflow:visible; }
#topnavall { float:left; 幅:900ピクセル; パディングトップ:200px; }
#topnav { width:900px; 高さ:20ピクセル; 背景:#f7f7f7; }
#topnav ul ul { visibility:hidden; 高さ:自動; 位置:絶対; 背景:#FFF; パディング:0; マージン:0; フィルター:アルファ(不透明度=90); -moz-不透明度:0.9;不透明度:0.9; }
#topnav ul ul { width:120px; 左:0; 上:20ピクセル; 行の高さ:標準; }
#topnav li { 位置:相対; z インデックス:500; フロート:左; 表示ブロック; 高さ:20ピクセル; 行の高さ:20px; パディング:0 10ピクセル; }
#topnav テーブル { _margin-top:-5px; }
#topnav ul li a { _overflow:hidden; 表示:インラインブロック; 高さ:20ピクセル; 行の高さ:20px; }
#topnav ul li a:hover { border-bottom: solid 0px #000; オーバーフロー:表示; }
#topnav li:hover ul, #topnav a:hover ul { visibility:visible; 行の高さ:標準; }
#topnav ul li ul li { width:auto; フロート:なし; 表示ブロック; マージン:0; パディング:0; 高さ:自動; 背景:なし; 行の高さ:標準; }
#topnav ul li ul li a { overflow:visible; 幅:自動; 高さ:1%; 行の高さ:120%; 表示ブロック; パディング:5px; マージン:0; フロート:なし; テキスト装飾:なし; テキスト整列:左; 色:#666; フォントの太さ:標準; フォントサイズ:12px; フォントファミリー:Arial、Simsun、「Arial Unicode MS」、Mingliu、Helvetica; border:solid 1px #fafafa; ボーダーボトムカラー:#eee; ボーダートップカラー:#fafafa; 背景:#f3f3f3; }
#topnav ul li ul li a:hover { overflow:visible; 幅:自動; 高さ:1%; 行の高さ:120%; 表示ブロック; パディング:5px; マージン:0; 浮動小数点:なし; テキスト装飾:なし; テキスト整列:左; 色:#666; フォントの太さ:標準; フォントサイズ:12px; フォントファミリー:Arial、Simsun、「Arial Unicode MS」、Mingliu、Helvetica; border:solid 1px #F90; ボーダーボトムカラー:#eee; ボーダートップカラー:#fafafa; 背景:#eee; }
问题は、ie6 だけをサポートする操作:hover、その他をサポートしない、li を含む、したがって構築された追加セグメント jquery、または取られた办法を利用してie6 をサポートする、
jq怎么写、操作は完璧です
jQuery 比较简单
$(".menu>ul>li").hover(function(){
....// ネズミ标放上去的行範囲（可以给子菜单增加个）表示の样式）
},function(){
....// 鼠标离开後の行程（删除鼠标放上去给子菜单增加的哪个样式）
})
または、オリジナルの javascript を使って遊ぶこともできます、次に、このメニュー形式の層を検出できるかどうかを判断する必要があります。
