示例: http://jsfiddle.net/xUrDc/
我试图用一像素宽的边框包围每个
margin-top:-1px
(否则每个之间的边框太厚)。
当我将浏览器设置为IE7调试模式时,顶部的边框消失了。有人能告诉我这可能是什么原因或者建议我实现我想要的外观的更好方法吗?
示例: http://jsfiddle.net/xUrDc/
我试图用一像素宽的边框包围每个
margin-top:-1px
(否则每个之间的边框太厚)。
当我将浏览器设置为IE7调试模式时,顶部的边框消失了。有人能告诉我这可能是什么原因或者建议我实现我想要的外观的更好方法吗?
忽略其他可能的做法,您可以通过在ul li
中添加zoom:1
来修复IE7。
参见:http://jsfiddle.net/xUrDc/1/
为什么这个方法有效?简而言之,它为IE7中的元素提供了一个被称为hasLayout
的神奇属性,这恰好可以解决此问题。
zoom
,但设置zoom: 1
不会改变任何东西,因为它是默认值) - thirtydotul
上添加font-size: 0
,而不是删除空格:http://jsfiddle.net/xUrDc/5/ - thirtydot