伪类:hover在IE7中不起作用
发布于 2021-02-02 16:43:13
我有一个简单的代码:
<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
移到.div3
(.div3
应该是可见的,因为它是的子级.div1
)时,鼠标悬停被禁用了。我正在IE7中对其进行测试,在FF中它可以正常工作。我究竟做错了什么?我还意识到,当我删除.div5
标签时,它就不起作用了。有任何想法吗?
关注者
0
被浏览
85
1 个回答