一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

IE6中1px像素dotted border没区别

时间:2022-06-25 10:09:28 编辑:袖梨 来源:一聚教程网

不经意在帮一公司做官网的时候发现了这个。。。以前都直接 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倍使其正常显示。。。

热门栏目