[分享]css只兼容ie9

如果你在构建一个网站，希望只兼容IE9，那么CSS的编写方法就很重要了。首先，建议使用CSS2，如果可以的话尽量不要使用CSS3，因为CSS3不是IE9所支持的。//CSS2 .selector { ...

如果你在构建一个网站，希望只兼容IE9，那么CSS的编写方法就很重要了。

首先，建议使用CSS2，如果可以的话尽量不要使用CSS3，因为CSS3不是IE9所支持的。

//CSS2
.selector {
  声明1;
  声明2;
}
 
//CSS3
.selector {
  声明1;
  声明2;
  声明3;
} 

其次，要注意一些IE9支持的特性。

//盒子阴影
.selector {
  -ms-box-shadow: 阴影参数;
}

//文本阴影
.selector {
  -ms-text-shadow: 阴影参数;
}

//圆角
.selector {
  -ms-border-radius: 圆角参数;
}

//渐变
.selector {
  -ms-linear-gradient(起始位置, 颜色1, 颜色2);
}

//媒体查询
@media screen and (-ms-high-contrast: active)，(min-width: 600px){
  .selector {
    声明1;
    声明2;
  }
}

//IE专用样式
<!--[if IE 9]>
  <link rel="stylesheet" type="text/css" href="ie9.css" />
<![endif]--> 

最后，最好减少CSS文件的大小，以提高加载速度。

综上所述，如果你需要只兼容IE9的网站，要特别重视CSS的编写方法。