小新的微笑 发表于 2013-11-18 00:07:18

在ie7及以上浏览器上显示正常的css在ie6下显示不正常

以下css在ie7及以上版本浏览器中显示的是一个空行，但在ie6下显示的却是一条粗的虚线。怎样让在ie6显示的效果也和ie7一样呢：#abcline { border-top:6px dashed #7BD676;border-color:transparent;border-left:0px solid #7BD676; border-right:0px solid #7BD676; border-bottom:0px solid #7BD676;width:960px;height:0px;}
而且还有一个严重的问题是：在ie6下，border-top:6px被显示的空行高度，远远大于6px。
1、IE6是不支持border的transparent属性的，所以只能用IE的虑镜去实现
2、如果你的把其它边框宽度设成0了，还不如不设定它（默认边框为none），搞得那么多无用代码出来
经过简化后的代码为：#abcline{width:960px;height:0;border-top:6px dashed transparent;filter :Chroma( color= #000000) ; }
border里加transparent是对IE6以外的浏览器设置的，后面的filter是针对IE的虑镜（可解决IE的问题），前面加分号;是因为border-top属性结束符号
针对你的补充：
如果只是想获得一个空行效果，那不必那么麻烦可以用以下方法实现：
1、margin-top:6px结元素顶部加个6px的空间；
2、加个，然后CSS
#abcline{height:6px;overflow:hidden;font-size:0;line-height:0;/*for IE6*/}

闻人逸致 发表于 2013-11-18 10:15:36

珍爱生命，果断回帖。

巴妍 发表于 2013-11-22 10:30:34

支持你哈...................................

卫梓琬 发表于 2013-11-27 22:06:26

在撸一遍。。。

乐正茹薇 发表于 2013-11-29 20:40:02

我也是坐沙发的

酆俊雅 发表于 2014-3-12 07:33:57

LZ是天才，坚定完毕

单于力 发表于 2014-3-18 16:21:04

撸过

石依云 发表于 2014-3-21 16:09:44

我是个凑数的。。。

欧阳彦芝 发表于 2014-3-24 12:33:10

顶

淳于芷秋 发表于 2014-3-26 11:05:14

秀起来~

鱼柔妙 发表于 2014-4-2 08:02:21

啊啊啊啊啊啊啊啊啊啊啊

陶云溪 发表于 2024-12-31 18:30:33

前排支持下

通菁英 发表于 2025-3-8 14:07:27

大人，此事必有蹊跷！

梁飞雪 发表于 2025-4-2 10:36:16

元芳你怎么看？

戴柔静 发表于 2025-4-4 18:21:04

是爷们的娘们的都帮顶！大力支持

刘吉帆 发表于 2025-4-8 21:34:17

珍爱生命，果断回帖。

郦幻香 发表于 2025-4-10 18:09:26

好，很好，非常好！

卫梦云 发表于 2025-5-19 18:41:29

顶起出售广告位

元慕旋 发表于 2025-5-21 21:04:49

前排，哇咔咔

於秋芳 发表于 2025-5-24 09:28:34

支持，赞一个
页: [1]
查看完整版本: 在ie7及以上浏览器上显示正常的css在ie6下显示不正常