精选栏目: 装机必备 专题大全 常用工具 系统集锦

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

栏目: 电脑技巧 已有人学习|编辑:admin; 来源:未知;

以下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、加个<div id=abcline"></div>,然后CSS
#abcline{height:6px;overflow:hidden;font-size:0;line-height:0;/*for IE6*/}


 

收藏 赞() 踩()
本文地址:http://www.zhishiwu.com/jiqiao/2158.html
本文标签: ie s cs  浏览
评论