0

在此菜单中，最后一个字母的右侧边缘被“|”的“透明”背景切断 在下一个列表项中

<ul class="menu1">
<li>HOME</li><li>|</li><li>CONTACT</li><li>|</li><li>ABOUT</li><li>|<li><li>SERVICES</li>
</ul>
<div class="clear"></div>

这至少会影响 IE 6 和 7，也可能会影响 8。我准备了一个小提琴http://jsfiddle.net/zhirkovski/5LnRS/2/ 所以你可以明白我的意思，如果你使用的是 IE9/10 那么你仍然可以通过点击“兼容性视图”来看到问题网址。

如果有人可以帮助使透明背景再次透明，我将不胜感激。

如果我将 li 更改为像 jsfiddle.net/zhirkovski/3KfYN/17 这样的跨度，它可以解决问题，但无论如何我可以做到并维护 li 的

4

1 回答 1

0

这是导致问题的字母间距。

不确定如何在 IE 中修复它并保持 -7px 字母间距，您可以将字母间距更改为 -3px 并摆脱它，但不确定这对您有多重要

于 2012-12-12T10:13:36.547 回答