[分享]css兼容性有哪几种处理方案

近年来，随着不同浏览器之间的差异越来越小，但仍然存在一些 CSS 属性或特性在不同浏览器中的显示效果不尽相同。为了更好地处理 CSS 兼容性问题，我们可以采用下面的几种方案。1. 引入 CSS Res...

近年来，随着不同浏览器之间的差异越来越小，但仍然存在一些 CSS 属性或特性在不同浏览器中的显示效果不尽相同。为了更好地处理 CSS 兼容性问题，我们可以采用下面的几种方案。

1. 引入 CSS Reset

 * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
} 

2. 使用 CSS 前缀

 div {
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
} 

3. 使用 CSS Hack

 div {
    color: #000; /* 所有浏览器都支持的样式 */

    /* 在 IE6/7 中生效 */
    *color: #f00;

    /* 在 IE6 中生效 */
    _color: #0f0;

    /* 在 IE8 中不生效 */
    color/**/: #00f;
} 

4. 使用 CSS3Pie

 div {
    behavior: url(PIE.htc);
    border-radius: 10px;
    box-shadow: 2px 2px 2px #CCC;
} 

总之，为了让 CSS 更好地在不同浏览器中的表现效果相同，我们需要经常关注浏览器的支持情况、采用适当的方法来尽可能兼容不同版本的浏览器。