展会信息港展会大全

IE6中1px像素dotted border没区别
来源:互联网   发布日期:2016-03-25 16:27:25   浏览:3277次  

导读:可能有些朋友会发现在IE6中1px像素dotted border没什么区别了,但在其它浏览器一个是线条,一个是点线了,下面我们要如何解决这个问题呢不经意在帮一公司做官网的时候发现了这个。。。...

可能有些朋友会发现在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倍使其正常显示。。。

赞助本站

人工智能实验室

相关热词: 开发 编程 android

相关内容
AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港