Home >Web Front-end >HTML Tutorial >Ie7 drop-down menu compatibility issue_html/css_WEB-ITnose

Ie7 drop-down menu compatibility issue_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:19:291194browse







///Drop-down menu
$(function(){
$(" li.nav_line").hover(function(){
$(this).children("ul").slideDown("fast")
},function(){
$(this). children("ul").slideUp("fast");
})
});





(What about my drop-down menu? It works under other IE browsers, and FF also works, but under IE7, you can only click on the first submenu of the drop-down menu, but not the second one)

Reply to the discussion (Solution)

What about the css code?

#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;}


This is the css code

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article:html calls the Internet picture_html/css_WEB-ITnoseNext article:html calls the Internet picture_html/css_WEB-ITnose

Related articles

See more