[分享]css兼容ie9的浏览器

在前端开发中，我们经常会碰到一个问题，就是如何兼容ie9浏览器。由于ie9的css解析能力比其他现代浏览器要低，所以我们需要特别注意一些兼容性问题。为了解决这个问题，我们可以采用一些兼容ie9浏览器的...

在前端开发中，我们经常会碰到一个问题，就是如何兼容ie9浏览器。由于ie9的css解析能力比其他现代浏览器要低，所以我们需要特别注意一些兼容性问题。

为了解决这个问题，我们可以采用一些兼容ie9浏览器的css技巧。下面是一些常用的技巧：

/* 使用float布局时，给容器增加hasLayout属性 */
.box {
  *zoom: 1;
}

/* 使用inline-block布局时，给元素设置display:inline-block和zoom属性 */
.item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/* 使用gradient时，要同时兼容ie9和其他浏览器 */
.background {
  background: #f1f1f1;
  background-image: -moz-linear-gradient(top, #f1f1f1, #d9d9d9);
  background-image: -webkit-linear-gradient(top, #f1f1f1, #d9d9d9);
  background-image: -o-linear-gradient(top, #f1f1f1, #d9d9d9);
  background-image: -ms-linear-gradient(top, #f1f1f1, #d9d9d9);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#d9d9d9', GradientType=0);
}

/* 使用border-radius时，需要另外加一个属性 */
.radius {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  behavior: url(/css/PIE.htc);
} 

上面这些技巧在我们的项目中会经常用到，对于兼容ie9浏览器非常有用。当然，还有很多其他的兼容ie9的技巧，需要我们根据具体情况去调整。只要我们了解了这些技巧，就能够轻松地解决兼容性问题。