可能有些朋友会发现在IE6中1px像素dotted border没什么区别了,但在其它浏览器一个是线条,一个是点线了,下面我们要如何解决这个问题呢
不经意在帮一公司做官网的时候发现了这个。。。以前都直接 solid的。。。
在IE6下 1px 的dotted跟1px的dashed差不多(貌似一样的)...
前端不是我的专长的,果断google之,貌似找google总比自己瞎琢磨快啊....
最后的解决方案如下
代码如下
复制代码
.dottedBorders li {
border-bottom: 2px dotted #000;
zoom: 0.5;
}
.dottedBorders li a {
zoom: 2;
}
怎么解释?
其实就是避免使用1px的dotted,那么IE6就不会出dotted的bug。这里我们通过采用2px的dotted,然后再缩小2倍,刚好又复现1px的dotted,但是呢,这么整li下的元素也就全部都缩小了,所以你还得给li的子元素设置个zoom:2,让它放大2倍使其正常显示。。。