ie下常見的css兼容問題
阿新 • • 發佈:2017-07-01
-m blank href 消失 特性 元素 out 識別 play 1.border-radius 邊框圓角
IE8及以下瀏覽器不支持border-radius
webkit引擎支持-webkit-borderradius 私有屬性
mozilla Gecko引擎支持-moz-border-radius 私有屬性
presto 引擎和IE9+ 支持border-radius 標準屬性
2.display:inline-block
IE6、IE7不識別inline-block但可以觸發塊元素。
其它主流瀏覽器均支持inline-block。
解決IE6、IE7兼容性的方法:
1、首先設置inline-block觸發塊元素,具有了layout的特性,然後設置display:inline使塊元素呈現內聯元素,此時layout的特性不會消失。
2、直接設置display:inline,使用zoom:1觸發layout。
兼容所有瀏覽器的方法是:
display:inline-block;*display:inline;*zoom:1;
3.a標簽中的img圖片有藍色邊框
只需要在的標簽裏寫一個樣式“border:none;”就可解決問題。
如:
ie下常見的css兼容問題