我有这样一个简单的代码：
<div class="div1">
<div class="div2">Foo</div>
<div class="div3">
<div class="div4">
<div class="div5">
Bar
</div>
</div>
</div>
</div>
和这个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 to .div3 (.div3应该保持可见，因为它是.div1）然后悬停被禁用。我在 IE7 下测试，在 FF 下工作正常。我究竟做错了什么？我还意识到，当我删除.div5标签比它正在工作。有任何想法吗？
IE7不允许你申请:hover除非您显式指定文档类型，否则将使用伪类到非锚定元素。只需将文档类型声明添加到您的页面即可完美运行。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
有关 IE7/quirks 模式的更多信息，请参见这篇博文 http://www.bernzilla.com/item.php?id=762.
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
