任何人都可以告诉我哪个类/ es或id / s是我脚本的booman。 它是一个多级导航菜单,非常简单 - 但它不会在ie8中工作 - 在firefox中,safari没有问题。
问题是如下......在mozilla firefox中,子菜单会打开...但在ie8中没有反应。
我已经解决了问题...解决方案是缺少使用子菜单的css类
ul.dropdown li:hover > ul { visibility: visible; }
的jquery-1.6.2.min.js
$(function(){
$("ul.dropdown li").hover(function(){
$(this).addClass("hover");
$('ul:first',this).css('visibility', 'visible');
}, function(){
$(this).removeClass("hover");
$('ul:first',this).css('visibility', 'hidden');
});
$("ul.dropdown li ul li:has(ul)").find("a:first").append(" » ");
});
/*Navigation*/
#tophead {
background:#1b232f;
height:50px;
display:block;
}
#topnav {
float:right;
}
#topnav li {
float:left;
margin:10px 10px 0px 0px;
}
#topnav li a {
height:30px;
display:block;
text-indent: -99999px;
}
ul.dropdown ul{
visibility: hidden;
position:absolute;
}
ul.dropdown li.hover,
ul.dropdown li:hover { background: #F3D673; color: black; position: relative; }
ul.dropdown li.hover a { color: black; }
<div id="tophead">
<div class="wrapper">
<div class="topnav_logo"></div>
<ul id="topnav" class="dropdown">
<li class="home"><a href="#">Home</a></li>
<li class="products"><a href="#">Produkte</a>
<ul class="sub_menu">
<li><a href="#">Point1</a></li>
<li><a href="#">Point2</a></li>
</ul>
</li>
<li class="shop"><a href="#">Shop</a></li>
<li class="projects"><a href="#">Projekte</a></li>
<li class="contact"><a href="#">Kontakt</a></li>
<li class="login"><a href="#">Login</a></li>
</ul>
</div>
</div>
答案 0 :(得分:2)
我遇到了同样的问题并用DOCTYPE声明修复了它。如此简单,却如此难以捉摸。
答案 1 :(得分:0)
我相信你有一个CSS语法问题......
background:
应为background-color: