在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、加個<div id=abcline"></div>，然後CSS
#abcline{height:6px;overflow:hidden;font-size:0;line-height:0;/*for IE6*/}