IE6中1px像素dotted border没区别

作者：袖梨 2022-06-25

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

相关文章

精彩推荐