精選欄目: 裝機必備 專題大全 常用工具 系統集錦

在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.lenmiz.tw/jiqiao/2158.html
本文標簽: ie s cs  瀏覽
評論
26选5开奖走势图