1. 程式人生 > >ie下常見的css兼容問題

ie下常見的css兼容問題

-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兼容問題