国产探花免费观看_亚洲丰满少妇自慰呻吟_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*/}


 

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 灵丘县| 宁蒗| 稻城县| 泉州市| 寿光市| 浑源县| 五台县| 开江县| 余干县| 翁牛特旗| 柳林县| 独山县| 东莞市| 汕尾市| 遵义县| 南郑县| 福安市| 交城县| 三亚市| 连城县| 师宗县| 赫章县| 衡水市| 湟源县| 菏泽市| 宁河县| 扎囊县| 克东县| 大邑县| 军事| 太谷县| 龙南县| 渑池县| 姚安县| 仁寿县| 崇义县| 双牌县| 鄂托克前旗| 明光市| 济南市| 比如县|