ie8兼容小结（持续更新）

ie8不兼容的属性（经caniuse验证）

注：粗体属性值为不支持的属性值。

字体单位

• rem

颜色

• 仅支持hex（16进制）表示法，不支持rgb或hsl

背景

• background-attachment（local;fixed;scroll;inherit;）

• background-clip（border-box;padding-box;content-box;text;）该属性指定了背景在哪些区域可以显示，但与背景开始绘制的位置无关，背景的绘制的位置可以出现在不显示背景的区域，这时就相当于背景图片被不显示背景的区域裁剪了一部分一样。

• background-origin（border-box;padding-box;content-box;）该属性指定了背景从哪个区域(边框、补白或内容)开始绘制,但也仅仅能控制背景开始绘制的位置，你可以用这个属性在边框上绘制背景，但边框上的背景显不显示出来那就要由background-clip来决定了

• background-size（cover;contain;50% auto;）

边框

• border-image (ie6-ie10不支持)

• border-radius

transform

• transform2D

• transform3D(ie6-ie9不支持)

阴影

• box-shadow

渐变

• transition（ie6-ie10不支持）

占位符

• placeholder（ie6-ie9不支持）

文本选择

• user-select (ie6-ie9不支持，但支持使用标签属性 onselectstart="return false;" 来达到 user-select:none 的效果；Safari和Chrome也支持该标签属性；)

背景渐变

• background:linear-gradient(direction,startColor,endColor);

兼容性写法：

.gradient-div { 
    width:200px; height:200px; border:1px solid #333333;
    background:-moz-linear-gradient(top,#FFFFFF,#000000);
    background:-webkit-linear-gradient(top,#000000);
    background:-ms-linear-gradient(top,#000000);
    background:linear-gradient(top,#000000);
    background:url(/images/base/gradient.png) 0 0 repeat-x /*兼容ie8*/
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!