负边距在IE7中导致边框消失

3

示例: http://jsfiddle.net/xUrDc/

我试图用一像素宽的边框包围每个

  • 。为了让线条正确相遇,我在每个
  • 上设置了margin-top:-1px(否则每个之间的边框太厚)。

    当我将浏览器设置为IE7调试模式时,顶部的边框消失了。有人能告诉我这可能是什么原因或者建议我实现我想要的外观的更好方法吗?

  • 1个回答

    7

    很好,这会在其他浏览器中产生任何副作用吗? - Flash
    简而言之:不支持。(WebKit 支持 zoom,但设置 zoom: 1 不会改变任何东西,因为它是默认值) - thirtydot
    @Andrew:这是另一个IE7的bug,具体细节我已经忘记了。另一种解决方法是在你的ul上添加font-size: 0,而不是删除空格:http://jsfiddle.net/xUrDc/5/ - thirtydot
    @thirtydot 谢谢,我从来没有想到过。 - Flash
    @Andrew:这里有一份关于所提到的 bug 的资源:http://www.cssnewbie.com/fixing-ie6-whitespace-bug/。 - thirtydot
    显示剩余3条评论

    网页内容由stack overflow 提供, 点击上面的
    可以查看英文原文,
    原文链接