html - 将鼠标悬停在“a”标签上（IE 无法正常工作）

Question

我们有一个divwitha标签。中定义了一种hover样式css。除 IE 外，一切正常。请打开演示（在 IE 中），并尝试在div时间之间移动鼠标。如您所见，第一个div更改颜色。我该如何修复这个错误？

Answer 1

删除display: table;并替换为overflow: hidden;in #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”