[分享]css3如何兼容ie

随着时代的进步，网页制作中CSS3已经成为一种重要的技术，它可以帮助我们打造出更加丰富多彩的网页效果。但是，在CSS3出现之前的浏览器（比如IE8及以下版本等）并不支持CSS3，这就给网页制作带来了很...

随着时代的进步，网页制作中CSS3已经成为一种重要的技术，它可以帮助我们打造出更加丰富多彩的网页效果。但是，在CSS3出现之前的浏览器（比如IE8及以下版本等）并不支持CSS3，这就给网页制作带来了很大的困难。

那么，如何让CSS3更好地兼容IE呢？下面就为大家分享一些解决方案。

// 方案一： 使用CSS hacks
.box {
  /* 其他浏览器显示的样式 */
  background-color: blue;
}

/* IE8及以下版本专用样式 */
.box {
  background-color: red/;
}

/* IE7及以下版本专用样式 */
.box {
  *background-color: green;
}

/* IE6及以下版本专用样式 */
.box {
  _background-color: yellow;
} 

这种方法可以说是最为常见的一种，通过使用浏览器专用的CSS hacks，实现对不同IE版本的兼容。但是，这种方法过于依赖于具体的实现细节，而且也存在很大的不稳定性，因此也不是一个很好的方案。

// 方案二： 使用JavaScript插件
<!-- 引入兼容IE的JavaScript插件 -->
<!--[if lt IE 9]>
<script src="//cdn.jsdelivr.net/html5shiv/3.7.3/html5shiv.min.js"></script>
<![endif]-->

<!-- 解决CSS3的圆角效果在IE中不能兼容的问题 -->
.box {
  border-radius: 10px; // CSS3圆角效果
  behavior: url(PIE.htc); // JavaScript插件
} 

使用JavaScript插件也是一种比较常用的方法，通过引入针对IE浏览器的JavaScript库，为不支持CSS3的浏览器提供CSS3支持。截止到现在，最为流行的应该是HTML5shiv和PIE这两个插件，实现CSS3效果的兼容。

总的来说，CSS3的兼容性方案还有很多种，具体使用哪一种，视情况而定。但是，相对于上面提到的两种方案，我个人更倾向于使用JavaScript插件的方法，因为这种方法相对来说比较稳定，且不像CSS hacks那样具有不可预知性。