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

时间:2011-06-10 05:36:49

标签: html css internet-explorer internet-explorer-7

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

我正试图用一个像素宽的边框围绕每个li。为了使线条正确相交,我在每个margin-top:-1px上设置li(否则每个边框之间的边框太粗)。

当我在调试模式下将浏览器设置为IE7时,顶部的边框消失。任何人都可以告诉我为什么会出现这种情况或建议一种更好的方式来实现我想要的外观吗?

1 个答案:

答案 0 :(得分:7)

忽略以不同方式执行此操作的可能性,您可以通过将zoom: 1添加到ul li来修复IE7。

请参阅: http://jsfiddle.net/xUrDc/1/

为什么这样做?简而言之,它为IE7中的元素提供了一个称为hasLayout的神奇属性,恰好可以解决这个问题。

更多信息:What bug does zoom:1; fix in CSS?