[分享]css兼容性写法ie9

在Web开发中，CSS兼容性是很关键的一个问题。在IE9浏览器上，需要注意一些CSS写法，才能兼容IE9浏览器。首先，在编写CSS样式时，需要使用"ms"前缀来适配IE9浏览器。例...

在Web开发中，CSS兼容性是很关键的一个问题。在IE9浏览器上，需要注意一些CSS写法，才能兼容IE9浏览器。

首先，在编写CSS样式时，需要使用"-ms"前缀来适配IE9浏览器。例如：

 p {
        -ms-text-size-adjust: 100%;
        -ms-box-sizing: border-box;
    } 

其次，IE9不支持"rgba()"颜色设置，需要使用"filter"属性来设置透明度。例如：

 p {
        background: #ff0000; /* 不透明红色 */
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); /* 50%透明 */
    } 

另外，IE9不支持"border-radius"属性，需要使用"border-top-left-radius"、"border-top-right-radius"、"border-bottom-left-radius"、"border-bottom-right-radius"来设置圆角。例如：

 p {
        -ms-border-radius-topleft: 10px;
        -ms-border-radius-topright: 10px;
        -ms-border-radius-bottomleft: 10px;
        -ms-border-radius-bottomright: 10px;
    } 

最后，IE9对于"transform"属性的支持比较有限，只支持"scale"、"rotate"、"translate"这三个值。例如：

 p {
        -ms-transform: rotate(45deg);
    } 

综上所述，如果要兼容IE9浏览器，需要注意以上的CSS写法。当然，也可以使用一些CSS兼容性解决方案，如兼容性前缀工具（如Autoprefixer）、CSS Reset工具等。