2010-12-22 124 views
0

我有一个很大的问题,只有在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我有问题,即鼠标悬停在链接跳转上下鼠标移开时,因为下边框我想到的。所有其他浏览器都可以通过边框底部进行操作并且不会跳跃。

我搜索了很多并没有找到解决方案。

希望这里的任何人都可以帮忙!

非常感谢。

萨沙

+0

我在使用RDP时遇到了完全相同的问题,当我从本地浏览页面时,一切正常,整天搜索发现一切正常,并且出现RDP用户界面问题 – bresleveloper 2013-04-09 11:46:49

回答

0

好吧,

的人谁的兴趣 - 我有解决方案:

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”声明。

祝你圣诞快乐。