Question

我在IE8中只有一个问题 - 所有其他浏览器都运行得很完美：

有一个像这样的菜单：

<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中我有问题，在鼠标悬停时链接在鼠标输出上下跳跃，因为我觉得边界底部。所有其他浏览器都使用border bottom并且没有跳转。

我搜索过很多内容并没有找到解决方案。

希望这里的任何人都可以提供帮助！

非常感谢你。

的Sascha

Answer 1

好，

对于任何有兴趣的人 - 我有解决方案：

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

我只需要添加“padding-bottom：1px;”到“ul li a”的陈述。

祝圣诞快乐。

IE8 li菜单正在鼠标悬停上跳跃

1 个答案: