ホームページ >ウェブフロントエンド >htmlチュートリアル >Ie7 ドロップダウン メニューの互換性 issue_html/css_WEB-ITnose
Ie7 ドロップダウン メニューの互換性 issue_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 12:19:291193ブラウズ
つまり jQuery
///下拉菜单
$(function(){
$("li.nav_line").hover(function(){
$(this).children("ul").slideDown( "速い")
},function(){
$(this).children("ul").slideUp("速い");
（私的下拉菜单怎么在他のie浏览器下都可以，ff也可，但在ie7下是能点出下拉菜单の第一子菜单，第二就不行了）
回复讨论(解决方案)
css代码呢?
#nav{ background-position: left -35px; 高さ: 34px;}
#nav a{ color:#aa7d79;} #nav a:hover{color:#cfbbb5;}
.nav_line:hover{height:34px;}
.nav_line ul{ opacity:0.8; フィルター:アルファ(不透明度=80); 背景色:#2a1312; border-bottom:1px solid #4a3431; テキスト整列:中央; padding:15px 0px;}
.nav_line ul li{display:inline;}
#nav_1{width: 120px;}#nav_2,#nav_3{width: 101px;}#nav_4{width: 117px;}#nav_5{width: 104px;}#nav_6,#nav_7{幅: 100px;}#nav_8{幅: 102px;}#nav_9{幅: 179px;}
#nav_1:hover{background-position: left -1px;}#nav_2:hover{背景-位置: -120px -1px;}#nav_3:hover{背景-位置: -221px -1px;}#nav_4:hover{背景-位置: -322px -1px;}#nav_5:hover{背景-位置: - 439px -1px;}#nav_6:hover{背景の位置: -543px -1px;}#nav_7:hover{背景の位置: -643px -1px;}#nav_8:hover{背景の位置: -743px -1px;} #nav_9:hover{background-position: -845px -1px;}
これは css代码