我们都知道,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
我们可以使用网上提供的一个插件来解决这个问题这个我在文章http://570109268.iteye.com/blog/2407664里做了总结。
【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属性的方法。这里就不再具体展开了。
.
相关推荐
使得IE支持CSS3 圆角阴影 渐变
CSS3实现圆角阴影渐变效果兼容IE,火狐等主流浏览器,用过都说很好用,你懂的。
让IE6、IE7、IE8支持CSS3的圆角、阴影样式.
让IE浏览器支持CSS3圆角属性的方法.docx
几个常用插件,让ie8兼容html5和css的圆角,阴影、渐变、placeholder等属性
selectivizr让IE6-9获得css3的选择器之外,或获得了圆角、阴影、渐变色资源等css3属性的支持
解决IE不兼容css3圆角和阴影问题
CSS3完美支持IE圆角阴影样式是一款基于jquery css3实现的圆角样式代码。
iecss3.htc css3圆角支持文件
css 笔记 包括 滤镜 阴影 圆角css 笔记 包括 滤镜 阴影 圆角css 笔记 包括 滤镜 阴影 圆角css 笔记 包括 滤镜 阴影 圆角css 笔记 包括 滤镜 阴影 圆角
引入PIE.htc使ie7,ie8 支持css3 border-radius圆角效果
最基本的css3效果,很好用,很强大,值得参考使用。
css3圆角阴影价格表 css3圆角阴影价格表网页特效.zip
让ie6 /7支持css3 如border-radius等特性的插件
支持IE页面输入框圆角,完美解决。记得阅读里面的文档帮助
DIVCSS5圆角实例 CSS3版本圆角实例, 支持低版本IE6-IE9浏览器
css3.htc 兼容IE8圆角 需引入的文件 css3.htc 兼容IE8圆角 需引入的文件 css3.htc 兼容IE8圆角 需引入的文件