我有这么简单的代码:
FooBar
这个CSS:
.div1{
position: relative;
}
.div1 .div3 {
position: absolute;
top: 30px;
left: 0px;
width: 250px;
display: none;
}
.div1:hover .div3 {
display: block;
}
.div2{
width: 200px;
height: 30px;
background: red;
}
.div4 {
background-color: green;
color: #000;
}
.div5 {}
问题是:当我将光标移动.div2
到.div3
(.div3
应该保持可见,因为它是孩子的.div1
)时,将禁用悬停.我在IE7中测试它,在FF中工作正常.我究竟做错了什么?我也意识到,当我删除.div5
标签而不是它正在工作时.有任何想法吗?
:hover
除非明确指定doctype,否则IE7将不允许您将伪类应用于非锚元素.只需在页面中添加doctype声明即可完美运行.
有关IE7/quirks模式的更多信息,请参阅此博客文章.