IE中的Jquery问题
有些人帮我回答了最后一个问题,对此我非常感谢。不幸的是,我在Internet Explorer上不断遇到一系列奇怪的问题 这是我的代码,当你点击IE中的Jquery问题,jquery,html,Jquery,Html,有些人帮我回答了最后一个问题,对此我非常感谢。不幸的是,我在Internet Explorer上不断遇到一系列奇怪的问题 这是我的代码,当你点击家庭列表项时,它的背景会延伸到孩子们 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.o
家庭
列表项时,它的背景会延伸到孩子们
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#flip_1").click(function() {
$("#panel_1").slideToggle("slow");
});
});
</script>
<style type="text/css">
.navigation ul {
font-size: 12px;
list-style-type: none;
padding: 0;
margin: 0;
}
.navigation {
float: left;
width: 200px;
}
.navigation li {
background-color: #F5F2EE;
background-position: left top;
background-repeat: no-repeat;
border: 1px solid #E9E3DD;
height: auto;
margin-bottom: 4px;
padding: 4px 5px 4px 20px;
}
.navigation li:hover {
background-color: #DEB887;
cursor: pointer;
}
.nodisplay {
display:none;
}
</style>
</head>
<body>
<div class="navigation">
<ul>
<li><a href="">First</a></li>
<li><a href="">Second</a></li>
<li><a href="">Other Things</a></li>
<li><a href="">Process</a></li>
<li id="flip_1">
<span>Family</span>
</li>
<div id="panel_1" class="nodisplay">
<ul>
<li> First</li>
<li> Second</li>
</ul>
</div>
<li>More</li>
</ul>
</body>
</html>
$(文档).ready(函数(){
$(“#翻转1”)。单击(函数(){
$(“面板1”)。滑动切换(“慢速”);
});
});
.导航ul{
字体大小:12px;
列表样式类型:无;
填充:0;
保证金:0;
}
.导航{
浮动:左;
宽度:200px;
}
李先生{
背景色:#F5F2EE;
背景位置:左上;
背景重复:无重复;
边框:1px实心#E9E3DD;
高度:自动;
利润底部:4倍;
填充:4px 5px 4px 20px;
}
.导航李:悬停{
背景色:#DEB887;
光标:指针;
}
.nodisplay{
显示:无;
}
-
家庭
- 首先
- 第二
- 更多
是否存在这样的情况,
family
下的子项li
s可以像其他项目一样出现,而不像它们被family
背景色包围?这种奇怪的行为只发生在Internet Explorer的兼容性视图中。实际上,对我来说,这也发生在其他浏览器中。如果希望.navigation li选择器只影响直接子代,而不影响所有子代,则需要将.navigation li选择器更改为.navigation>li选择器。我想这就是你想要的?或者,如果你想要第三种背景色,你可以添加一个.navigation li li选择器。请注意,子选择器
在IE7中不起作用,即使QuirksMode说它起作用。在我编辑它之前,你的代码是一团乱麻。另外,有人知道它本身的{padding:0;margin:0;}
是否有效,因为它没有选择器?