[分享]css兼容性怎么设置

在开发网页的过程中，我们会用很多CSS样式来美化我们的网页。但是不同的浏览器支持CSS的方式略有不同，因此我们需要去设置CSS兼容性。首先，我们需要了解一些CSS支持的情况。比如CSS3的许多新的属性...

在开发网页的过程中，我们会用很多CSS样式来美化我们的网页。但是不同的浏览器支持CSS的方式略有不同，因此我们需要去设置CSS兼容性。

首先，我们需要了解一些CSS支持的情况。比如CSS3的许多新的属性在旧版的浏览器中可能不被支持。为了让我们的网页能够在所有浏览器中都能够良好的运行，我们需要对CSS进行一些设置。

常见的css兼容性设置方式有以下几种:

/*1. 浏览器前缀*/
box-shadow: 0 0 10px rgba(0,0,0,0.3);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.3);
-ms-box-shadow: 0 0 10px rgba(0,0,0,0.3);
-o-box-shadow: 0 0 10px rgba(0,0,0,0.3);

/*2. 向下兼容*/
background-color: #f3f3f3;
background-color: rgba(255, 255, 255, 0.5)\9;

/*3. 图片sprit*/
a{ background: url(img.png) 0 0 no-repeat; }
a:hover{ background-position: 0 -20px; }

/*4. 解决ie6下的png透明背景问题*/
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.png',sizingMethod='scale');
background-image:none\9;/* IE6 */

/*5. IE hack*/
background-color: #f3f3f3\9;

/*6. 其他*/
<!--[if IE]>
     <link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]--> 

通过以上的方式，我们可以达到CSS在所有浏览器中的兼容性。