20080811

IE6中区块height无法设置为小于15px的bug

Author:  WinkCategories:  XHTML/CSSComments Off
Tags:  , ,

最近在制作一个项目的过程中,无意碰到了一个IE6专属bug,说是IE6专属,仅指IE7下不可见而已,不包括Mac OS上的IE。

该bug的表现为:在一个display属性为block的容器中,无法设置该容器的height15px以下,设置height值小于15px的效果是无法实现的。但是在IE7中没有这种bug。具体到我所应用的情况,本来我打算做一个空容器,设置其背景为高度10px的一张图片,以用来和其他区块组合为一张完整的图片,但是发现在IE6下,两个区块的结合处总是留有空白,在FireFox和IE7下正常。

最初的解决方法是针对IE6设置该容器的line-height值:

_line-height: 10px;

然后在该容器中添加“ ”,这样做是因为纯粹的空容器无法使line-height生效。此时刷新IE6可以看到效果已经实现。

不过这样的缺点是会造成CSS校验的警告。后来我发现一个最简单的方法——将这张图片的高度改为15px……哈哈,有砖头飞过来了……

You can follow any responses to this entry through the RSS 2.0 feed. Both comments and pings are currently closed.

Comments are closed.

Back to Page Top