我們有div
與a
標籤。在css
中定義了hover
樣式。除IE外,所有的工作都很好。 請打開demo(在IE中),並嘗試將鼠標在div
之間移動一段時間。正如你可以看到第一個div
改變顏色。我該如何解決這個錯誤?懸停在'a'標籤上(IE無法正常工作)
1
A
回答
1
刪除display: table;
並替換爲#kassa_cont_space .sean_box .details .sched
中的overflow: hidden;
,這是CSS中最後一種樣式。
#kassa_cont_space .sean_box .details .sched {
padding: 0px 15px 15px 15px;
overflow: hidden;
}
工作的jsfiddle:http://jsfiddle.net/BqjSa/4/
1
改變你的這部分代碼...
<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」刪除「display:table」css
相關問題
- 1. 懸停效果在IE瀏覽器中無法正常工作
- 2. SVG hexgrid:懸停無法正常工作
- 3. 懸停效果無法正常工作
- 4. CSS懸停鉻無法正常工作
- 5. 懸停效果無法正常工作
- 6. Jquery懸停無法正常工作
- 7. a:懸停顏色在谷歌瀏覽器上無法正常工作
- 8. JQuery在IE上無法正常工作
- 9. JavaScript在IE上無法正常工作
- 10. 懸停狀態在動畫上無法正常工作
- 11. SlideToggle()在懸停事件(jQuery 1.4.1)上無法正常工作
- 12. 鼠標懸停腳本無法正常工作...需要幫助
- 13. jQuery的:鼠標懸停無法正常工作
- 14. 鼠標懸停或點擊功能無法正常工作
- 15. 將鼠標懸停在Twitter引導程序按鈕上無法正常工作
- 16. 雙層下拉菜單上懸停無法正常工作
- 17. 懸停工作不正常
- 18. 使用Grayscal懸停效果,無法在FF或IE中正常工作
- 19. 我的標籤無法正常工作
- 20. changePage標籤無法正常工作
- 21. Twitter og標籤無法正常工作?
- 22. 溢出無法在懸停上工作
- 23. Frameset在IE中無法正常工作
- 24. Ext.Button「overCls」在IE無法正常工作
- 25. appendChild在IE中無法正常工作
- 26. window.open在IE中無法正常工作
- 27. Tablesort在IE中無法正常工作
- 28. ScrollBar在IE中無法正常工作
- 29. .htaccess在IE中無法正常工作
- 30. 懸停卡與懸停功能無法正常工作。有任何想法嗎?
什麼版本的IE? – Simon 2012-07-16 07:16:42
錯誤在IE8中可重現。看到我的答案。 – Strelok 2012-07-16 07:24:09