jquery.dropdownplane.js在ie8中不起作用
有人能告诉我哪个类或id是我脚本的booman吗。 这是一个多层次的导航菜单,非常简单——但在ie8中不起作用——在firefox、safari中没有问题 问题是。。。。在mozilla firefox中,safari子菜单将打开。。。但在ie8中没有反应 我已经解决了这个问题。。。解决方案是缺少使子菜单可见的css类jquery.dropdownplane.js在ie8中不起作用,jquery,internet-explorer-8,navigation,drop-down-menu,Jquery,Internet Explorer 8,Navigation,Drop Down Menu,有人能告诉我哪个类或id是我脚本的booman吗。 这是一个多层次的导航菜单,非常简单——但在ie8中不起作用——在firefox、safari中没有问题 问题是。。。。在mozilla firefox中,safari子菜单将打开。。。但在ie8中没有反应 我已经解决了这个问题。。。解决方案是缺少使子菜单可见的css类 ul.下拉列表li:hover>ul{可见性:可见;} js jquery-1.6.2.min.js $(function(){ $("ul.dropd
ul.下拉列表li:hover>ul{可见性:可见;}
js
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(" » ");
});
样式表
html
我相信您有CSS语法问题
background:
应该是背景色:
我遇到了同样的问题,并用DOCTYPE声明修复了它。这么简单,却又如此难以捉摸。在你的JS中,你引用了一个名为“hover”的类,但我在你的CSS中没有看到这样的类。添加了,但它不会解决问题。不管怎样,在寻求帮助时,包含所有相关代码都很重要。您永远不知道可能会发现什么语法问题。;-)语法问题,我想,但这不是解决它的办法。问题出在ie8的子菜单中visible@Churchy当前位置值得一试。。。有时候IE可能会以不同的方式对语法过于挑剔,而不是更兼容的浏览器。请编辑您的评论,描述IE8的不同表现。更具体地说,(html5 doctype)用于我和Dave的案例中,这立即解决了所有问题。我不止一次看到这个结果。
/*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>