> 웹 프론트엔드 > HTML 튜토리얼 > ie7下拉菜单兼容问题_html/css_WEB-ITnose

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

WBOY
풀어 주다: 2016-06-24 12:19:29
원래의
1199명이 탐색했습니다.

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代码

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿