IE浏览器支持CSS3属性（圆角、阴影、渐变）
武林半侠 2018-01-13
我们都知道，IE浏览器暂不支持CSS3的一些属性。国外的工程师们，不安于此现状，他们总是尽量使用一些手段使IE浏览器也能支持CSS3属性，我觉得这些都是很有意义，很有价值的工作，可以推动整个技术领域的进步的。都目前为止，有不少可以让IE支持部分CSS3属性的工具。例如：
【1】Drew Diller的 DD_roundies，这是一个基于IE VML实现一些CSS3效果的。
DD_roundies下载地址：
DD_roundies.js：http://pan.baidu.com/s/1o68wluE
DD_roundies.min.js：http://pan.baidu.com/s/1jGqTwI6
<!DOCTYPE HTML>
<html>
<head>
<title>http://www.manongjc.com/article/1214.html</title>
<script src="DD_roundies.js"></script>
</head>
<body>
<div class="test" style="background-image:url(2.jpg);width:88px;height:106px;">
</div>
<img src="2.jpg" alt="" class="test"/>
<script type="text/javascript">
DD_roundies.addRule('.test', '10px 10px', true);
</script>
</body>
</html> 【2】 Dean Edwards的IE7.js (以及 IE8.js, IE9.js)
这个玩意估计是试图让IE支持CSS3属性的鼻祖，还算蛮强大，就是性能开销较大，要解析很多文件脚本，给DOM添加大量的元素以及ClassName。
【3】ie-css3.htc
【4】Remiz Rahnas的border-radius.htc
此方法使用htc文件，配合VML实现，缺点在于不能自动适应目标元素的位置和大小，所以不能适用于动态脚本环境。
【5】Keith Clark的ie-css3.js
这是个与IE7.js类似的项目，其选择器可借助其他JavaScript库，所以其本身较小。
【6】zoltandulac的cssSandpaper
关于此方法，我在“cssSandpaper-兼容IE的CSS3 JavaScript库”一文中有过介绍，这是一个使用IE滤镜实现一些CSS3属性的方法。这里就不再具体展开了。
.
