IE8李菜單跳躍鼠標懸停

我有一個很大的問題，只有在IE8一個menue - 所有其他瀏覽器完美：IE8李菜單跳躍鼠標懸停

有像這樣的一個menue：

<ul> 
<li><a href="link.html">Point 1</a></li> 
<li><a href="link2.html">Point 2</a></li> 
</ul>

和CSS是這一個：

ul li { padding-left: 23px; line-height: 29px; } 

ul li:hover, 
ul li.active { background: url(../images/bg_arrow_blue.png) no-repeat top left; } 

ul li a { font-size: 18px; color: #FFFFFF; text-decoration: none; margin-bottom: 5px; letter-spacing: -0.03em; } 

ul li a:hover, 
ul li a.active { border-bottom: 1px solid red; }

所以現在 - 在IE 8我有問題，即鼠標懸停在鏈接跳轉上下鼠標移開時，因爲下邊框我想到的。所有其他瀏覽器都可以通過邊框底部進行操作並且不會跳躍。

我搜索了很多並沒有找到解決方案。

希望這裏的任何人都可以幫忙！

非常感謝。

薩沙

來源

2010-12-22 codeworxx

我在使用RDP時遇到了完全相同的問題，當我從本地瀏覽頁面時，一切正常，整天搜索發現一切正常，並且出現RDP用戶界面問題 – bresleveloper 2013-04-09 11:46:49

好吧，

的人誰的興趣 - 我有解決方案：

ul li a { font-size: 18px; color: #FFFFFF; text-decoration: none; margin-bottom: 5px; letter-spacing: -0.03em; padding-bottom: 1px; }

我不得不添加一個「填充底：1px的;」到「ul li a」聲明。

祝你聖誕快樂。

來源

2010-12-22 15:57:45 codeworxx

IE8李菜單跳躍鼠標懸停

回答

相關問題