让ie9以下浏览器支持css3
但凡是前端工程师,都知道IE6,IE7,IE8不支持、或者不完全支持CSS3的属性。
1、在你的网页加载 PIE.js 脚本。 
注意,用IE专用的注释,防止非IE浏览器下载。 

复制代码
代码如下:

<!--[if lt IE 10]> 
<script type="text/javascript" src="PIE.js"></script> 
<![endif]--> 

2、用js 调用: 
代码如下:

$(function() { 
if (window.PIE) { 
$('.rounded').each(function() { 
PIE.attach(this); 
}); 
} 
}); 
3、已经搞定了。 

-------------------------------------------------------------------------------- 
在让 IE6支持 CSS3 的所有插件中,这个应该是最好的插件了。 

官方实时测试例子:http://css3pie.com/ 
官方下载:http://css3pie.com/download-latest 
补充: 
根据我对这个插件测试:最好在要加载效果的 box 增加CSS属性: overflow:hidden; 有些时候,圆角会出问题。 
浏览 518 评论 0 赞 0 砸 0 标签: 前端兼容性 css
评论
还可以再输入500个字

请您注意

·自觉遵守:爱国、守法、自律、真实、文明的原则
·尊重网上道德,遵守《全国人大常委会关于维护互联网安全的决定》及中华人民共和国其他各项有关法律法规
·严禁发表危害国家安全,破坏民族团结、国家宗教政策和社会稳定,含侮辱、诽谤、教唆、淫秽等内容的作品
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·您在NoteShare上发表的作品,NoteShare有权在网站内保留、转载、引用或者删除
·参与本评论即表明您已经阅读并接受上述条款