[分享]css3支持ie6

时至今日，虽然IE6已经被广大网民所唾弃，但是在企业内部网等特定情况下，我们仍然不得不面对IE6这个浏览器的存在。由于IE6的诸多局限，很多现代CSS3的特性无法在其上正常显示，给网站的设计与开发工作...

时至今日，虽然IE6已经被广大网民所唾弃，但是在企业内部网等特定情况下，我们仍然不得不面对IE6这个浏览器的存在。

由于IE6的诸多局限，很多现代CSS3的特性无法在其上正常显示，给网站的设计与开发工作带来了极大的挑战。

不过，通过一些技巧，在CSS3中也能够实现IE6的兼容，下面列举几个方法供大家参考：

/* 1、CSS Pie */
div {
  behavior: url(pie/PIE.htc); /* 引用pie.htc文件 */
  /* 兼容IE6的代码 */
  background-image: linear-gradient(to bottom, #fff, #ddd);
  border-radius: 5px;
  box-shadow: 2px 2px 5px rgba(0,0,0,.3);
} 

通过CSS Pie，我们可以在IE6上实现CSS3的圆角、阴影、渐变等效果，极大地方便了我们的开发工作。

/* 2、JS代码 */
<!--[if lt IE 7]>
<script>
  var head = document.getElementsByTagName('head')[0];
  var link = document.createElement('link');
  link.id = 'ie6hack'; /* 自定义ID，方便后续处理 */
  link.rel = 'stylesheet';
  link.type = 'text/css';
  link.href = 'ie6.css';
  head.appendChild(link);
</script>
<![endif]--> 

通过JS代码，我们可以判断IE的版本，并在IE6上引用一个专门适配IE6的CSS文件，这样就能够让CSS文件在IE6上正常生效。

虽然IE6已经过时，但是在某些情况下我们仍然需要考虑其兼容问题。掌握以上方法，对于CSS3的开发工作将会十分有帮助。