如何阻止<li>被下一个<li> <li> </li>截断的文本

时间:2012-12-12 10:09:07

标签: internet-explorer-7 html-lists internet-explorer-6

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

<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它解决了问题,但无论如何我能做到并保持李的

1 个答案:

答案 0 :(得分:0)

这是引起问题的字母间距。

不确定如何在IE中修复它并保持-7px字母间距,你可以将字母间距降低到-3px然后侥幸逃脱,不知道这对你有多重要