国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 學院 > 常見問題 > 正文

在ie7及以上瀏覽器上顯示正常的css在ie6下顯示不正常

2019-12-24 03:20:36
字體:
來源:轉載
供稿:網友

以下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*/}


 

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 墨竹工卡县| 壶关县| 依兰县| 奎屯市| 开平市| 图们市| 海宁市| 赣榆县| 都昌县| 康定县| 遂川县| 外汇| 始兴县| 资源县| 改则县| 鄂州市| 墨脱县| 长葛市| 栾城县| 濮阳市| 定陶县| 淮滨县| 闽清县| 嵊泗县| 利川市| 社旗县| 马龙县| 甘谷县| 乐山市| 房产| 巴东县| 东山县| 长沙市| 鹤壁市| 建宁县| 镇原县| 皋兰县| 昆明市| 邮箱| 津南区| 宁夏|