ie-css3.htc参数无效,ie-css3.htc怎么用？

css带来的便利是很容易感受的到的，但恶心的是它在ie下的不兼容，所以某位牛人现身写了个ie-css3.htc，允许你在ie下去使用css3的部分东西。

ie-css3.htc是一个可以让IE浏览器支持部份CSS3属性的htc文件，不只是box-shadow，它还可以让你的IE浏览器支持圆角属性border-radius和文字阴影属性text-shadow。

ie-css3的使用方法很简单，先下载它并放到你的项目目录中

在你需要使用css3的样式里加入behavior: url(js/ie-css3.htc);就可以了(括号里是ie-css3.htc的地址)下载地址：https://links.jianshu.com/go?to=http%3A%2F%2Ffetchak.com%2Fie-css3%2F

用法大致如下：.box {

-moz-border-radius: 15px; /* Firefox */

-webkit-border-radius: 15px; /* Safari and Chrome */

border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

-moz-box-shadow: 10px 10px 20px #000; /* Firefox */

-webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */

box-shadow: 10px 10px 20px #000; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */

behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */

}ie-css3.htc 加强版

下载地址：https://links.jianshu.com/go?to=http%3A%2F%2Ffiles.cnblogs.com%2Faiyuchen%2Fie-css3.htc.zip

最近用到了这个东西，发现动态改变div的内容之后，这段脚本生成的vml会出现变形。。

所以加了一个手动刷新的函数，通过innerHTML赋值之后调用一下就可以了el.innerHTML = '....';

if(window.update_css3_fix) update_css3_fix(el);

如果使用jquery就不用这么麻烦，在你的框架里加一段(function()

{

if (!jQuery.browser.msie) return;

jQuery.fn.__ohtml__ = jQuery.fn.html;

jQuery.fn.html = function(value)

{

jQuery(this).__ohtml__(value);

this.each(function()

{

update_css3_fix(this);

});

return this;

};

})();