我們有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. 懸停效果無法正常工作
- 2. 懸停效果無法正常工作
- 3. JQuery在IE上無法正常工作
- 4. JavaScript在IE上無法正常工作
- 5. SlideToggle()在懸停事件(jQuery 1.4.1)上無法正常工作
- 6. 鼠標懸停腳本無法正常工作...需要幫助
- 7. 將鼠標懸停在Twitter引導程序按鈕上無法正常工作
- 8. 雙層下拉菜單上懸停無法正常工作
- 9. 溢出無法在懸停上工作
- 10. Ext.Button「overCls」在IE無法正常工作
- 11. Frameset在IE中無法正常工作
- 12. window.open在IE中無法正常工作
- 13. 我的邊框效果在懸停時無法正常工作
- 14. 懸停在IE7中無法正常工作
- 15. Emacs:C-a無法正常工作
- 16. jQuery .css background-position-x在懸停時無法在IE中工作
- 17. 奇異的懸停將無法正常工作
- 18. jquery懸停事件無法正常工作
- 19. '懸停圖像顯示圖像'CSS無法正常工作
- 20. 負載和懸停效果無法正常工作的Div'twitching
- 21. 懸停的背景圖片無法正常工作IE11
- 22. 懸停Div並更換另一個,將無法正常工作?
- 23. JQuery懸停功能無法正常工作
- 24. CSS psuedo:元素懸停效果無法正常工作
- 25. IE 8 jQuery無法正常工作
- 26. IE getElementbyId無法正常工作
- 27. jquery無法正常工作ie
- 28. event.altKey鉻無法正常工作和IE
- 29. hasClass無法在鼠標懸停上工作
- 30. 錨定標記無法在懸停css上工作
什麼版本的IE? – Simon 2012-07-16 07:16:42
錯誤在IE8中可重現。看到我的答案。 – Strelok 2012-07-16 07:24:09