Question

我们有div个a标记。 hover中定义了css样式。一切正常，除了在IE中。请打开demo（在IE中），并尝试在div之间移动鼠标。正如您可以看到第一个div更改颜色。我该如何解决这个错误？

Answer 1

删除display: table;并替换为overflow: hidden;中的#kassa_cont_space .sean_box .details .sched，这是CSS中的最后一种风格。

#kassa_cont_space .sean_box .details .sched {
    padding: 0px 15px 15px 15px;
    overflow: hidden;
}

使用JSFiddle：http://jsfiddle.net/BqjSa/4/

Answer 2

更改代码的这一部分......

<div class="sched">
<a href="javascript:void(0);" class="link _001" style = "display:block;"><span class="time">10:30</span><span class="cost">от 700 тг</span></a>
<a href="javascript:void(0);" class="link _001"><span class="time">10:30</span><span class="cost">от 700 тг</span></a>
<a href="javascript:void(0);" class="link _001"><span class="time">10:30</span><span class="cost">от 700 тг</span></a>
<a href="javascript:void(0);" class="link _001"><span class="time">10:30</span><span class="cost">от 700 тг</span></a>
<a href="javascript:void(0);" class="link _001"><span class="time">10:30</span><span class="cost">от 700 тг</span></a>
<a href="javascript:void(0);" class="link _001"><span class="time">10:30</span><span class="cost">от 700 тг</span></a>
</div>

..对此..

<div class="sched">
<div style="float:left; margin:0;padding:0">
    <a href="javascript:void(0);" class="link _001" style = "display:block;"><span    class="time">10:30</span><span class="cost">от 700 тг</span></a>
</div>
   <div style="float:left; margin:0;padding:0">
    <a href="javascript:void(0);" class="link _001" style = "display:block;"><span    class="time">10:30</span><span class="cost">от 700 тг</span></a>
</div><div style="float:left; margin:0;padding:0">
    <a href="javascript:void(0);" class="link _001" style = "display:block;"><span    class="time">10:30</span><span class="cost">от 700 тг</span></a>
</div><div style="float:left; margin:0;padding:0">
    <a href="javascript:void(0);" class="link _001" style = "display:block;"><span    class="time">10:30</span><span class="cost">от 700 тг</span></a>
</div><div style="float:left; margin:0;padding:0">
    <a href="javascript:void(0);" class="link _001" style = "display:block;"><span    class="time">10:30</span><span class="cost">от 700 тг</span></a>
</div>
    </div>

这将解决您的问题...

或者只是从“#kassa_cont_space .sean_box .details .sched”css中删除“display：table”

将鼠标悬停在'a'标签上（IE无法正常工作）

2 个答案: