Heim >Web-Frontend >HTML-Tutorial >ie7下拉菜单兼容问题_html/css_WEB-ITnose

ie7下拉菜单兼容问题_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:19:291197Durchsuche

ie jquery












///下拉菜单
$(function(){
$("li.nav_line").hover(function(){
$(this).children("ul").slideDown("fast")
},function(){
$(this).children("ul").slideUp("fast");
})
});





(我的这个下拉菜单怎么在其他的ie浏览器下都可以,ff也可以,但是在ie7下是只能点出下拉菜单的第一个子菜单,第二个就不行了)

回复讨论(解决方案)

css代码呢?

#nav{ background-position: left -35px; height: 34px;}
#nav a{ color:#aa7d79;}
#nav a:hover{color:#cfbbb5;}
.nav_line:hover{height:34px;}
.nav_line ul{ opacity:0.8; filter:alpha(opacity=80); background-color:#2a1312; border-bottom:1px solid #4a3431; text-align:center; 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{width: 100px;}#nav_8{width: 102px;}#nav_9{width: 179px;}
#nav_1:hover{background-position: left -1px;}#nav_2:hover{background-position: -120px -1px;}#nav_3:hover{background-position: -221px -1px;}#nav_4:hover{background-position: -322px -1px;}#nav_5:hover{background-position: -439px -1px;}#nav_6:hover{background-position: -543px -1px;}#nav_7:hover{background-position: -643px -1px;}#nav_8:hover{background-position: -743px -1px;}#nav_9:hover{background-position: -845px -1px;}


这是css代码

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn