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

Fla*_*ash 3 html css internet-explorer internet-explorer-7

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

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

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

thi*_*dot 7

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

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

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

更多信息:什么错误缩放:1; 修复CSS?

  • +1好工作,你真的知道你的CSS :) (2认同)