[分享]css兼容ie9以下版本

CSS是一种很重要的网页样式语言，常用于设计和布局网页。然而，IE9以下版本的浏览器对CSS的支持并不完全，会出现一些兼容性问题。下面我们就来介绍一下如何解决这些问题。/1. IE6以下版本不支持透明...

CSS是一种很重要的网页样式语言，常用于设计和布局网页。然而，IE9以下版本的浏览器对CSS的支持并不完全，会出现一些兼容性问题。下面我们就来介绍一下如何解决这些问题。

/*1. IE6以下版本不支持透明度*/
.opacity {
  opacity: 0.5; /*标准浏览器*/
  filter: Alpha(opacity=50); /*IE6-8*/
}

/*2. IE8以下版本不支持border-radius圆角*/
.border-radius {
  -moz-border-radius: 10px; /*Firefox*/
  -webkit-border-radius: 10px; /*Safari和Chrome*/
  border-radius: 10px; /*标准浏览器*/
  behavior: url(border-radius.htc); /*IE6-8,需引入HTC文件*/
}

/*3. IE8以下版本不支持box-shadow阴影*/
.box-shadow {
  -moz-box-shadow: 5px 5px 5px #888; /*Firefox*/
  -webkit-box-shadow: 5px 5px 5px #888; /*Safari和Chrome*/
  box-shadow: 5px 5px 5px #888; /*标准浏览器*/
  behavior: url(box-shadow.htc); /*IE6-8,需引入HTC文件*/
}

/*4. IE6不支持position:fixed固定定位*/
.fixed {
  position: fixed; /*标准浏览器*/
  position: absolute; /*IE6*/
  top: expression(eval(document.documentElement.scrollTop)); /*IE6*/
} 

上述代码介绍了一些在IE9以下版本浏览器中常见的CSS兼容性问题的解决方法。在实际开发中，我们可以针对不同的兼容性问题选择不同的解决方案，或者使用一些CSS框架如Bootstrap来解决这些问题。