[引用]:http://www.meizi.cn/article.asp?id=57
通常我们是这样设置:
#headerLine{margin: 0px; padding: 0px; background: url(dian.gif); height: 1px;width:256px;}
这个在 FireFOX里面有有效果的,可惜在IE里面顶层到不1PX.
那么如何才能在IE中起作用那?下面来看下这个例子.
最好的方法就是在两个DIV之间加一个注释,就像TABLE一样,TABLE的解决办法是把默认的空格去掉或者加一像素图片,那么DIV中我们就可以这样写: <div id="headerLine"><!-- --></div>为什么要加个注释哪?大家可以想想,注释在页面中是不显示的,那么他的默认值就可能为"0".
例1:<div id="headerLine"><!-- --></div>
#headerLine{margin: 0px; padding: 0px; background: url(dian.gif); height: 1px;width:256px;}
另外还有一个解决方法,我们可以设置行高为1像素.因为在不设置的情况下IE的默认行高是1.5也就是15像素.
例2:<div id="headerLine"></div>
#headerLine{margin: 0px; padding: 0px; background: url(dian.gif); line-height: 1px;width:256px;}
最后一个解决办法,就是通过设置overflow(visible | auto | hidden | scroll 注释:hidden :不显示超过对象尺寸的内容.)的原始值来改变它的行高.
例3:<div id="headerLine"></div>
#headerLine{margin: 0px; padding: 0px; background: url(dian.gif); overflow: hidden; height: 1px;width:256px;}