Question

在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。
回答xxvsgtf21 的三个问题：
设置了border，又给它透明的属性，实在是为了获得一个高度为6px的空行的效果。我不知道更好的设置高度为6px的空行效果的实现方法，故用此法。我想我用的这种方法不是好的方法，更不是必须的方法。请你教给更好的方法。谢谢！

Answer 1

1、IE6是不支持border的transparent属性的，所以只能用IE的虑镜去实现
2、如果你的把其它边框宽度设成0了，还不如不设定它（默认边框为none），搞得那么多无用代码出来

经过简化后的代码为：#abcline{width:960px;height:0;border-top:6px dashed transparent;filter :Chroma( color= #000000) ; }

追问

IE6不支持border的transparent属性，可我看到你写的代码中还有transparent，这个是支持ie7的？还是……？
另外请问：filter前面为什么用分号;，而不用冒号？

追答

先回答你的追问：
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*/}

追问

谢谢你。你说只想获得一个空行效果，可用以下方法实现。我试了第二种，但没有实现空行效果。我又在代码中加了个“width:960px”，即在你的代码基础上把代码变成这样：{ width:960px;height:6px;overflow:hidden;font-size:0;line-height:0;/*for IE6*/}，实现了空行，不知道这是怎么回事呢？你说的：1、margin-top:6px结元素顶部加个6px的空间；这是什么意思？

追答

如果你没有给这个div应用其它属性的话，照说有没有width属性都没问题，因为div为块元素，可以自适应父级宽度，为了安全起见你就加个宽度吧；

追问

看来你对不同浏览器兼容很有研究。还有个问题一直困扰着我，我可以继续向你请教吗？如果可以，我就继续发贴提问

追答

可以啊

Answer 2

在回答你问题前我想先请你回答我以下3个问题
1.既然给div板块设置了border，那为何又要给他透明的属性？
2.你这么做是要有什么目的？
3.是否必须，坚决要用此方法来实现？