让IE6、IE7、IE8适用CSS3的圆角、黑影款式

2021-01-20 21:26 jianzhan
想做个网页页面用到css3的圆角和黑影实际效果,但ie访问器不适用,以前也听闻有软件能够完成,周6在网络上寻找了1个方式,原文以下:
只要是是前端开发工程项目师,都了解IE6,IE7,IE8不适用、或不彻底适用CSS3的特性。
CSS3 有许多很强劲、绚丽多彩的实际效果,例如,圆角,黑影,渐变色全透明,渐变色情况,这些。
由于IE6时期,沒有甚么规范,而由于各种各样缘故,IE6客户基本上不容易升级IE版本号。
让IE6,IE7,IE8适用CSS3实际效果,有1个思路便是运用 VML 仿真模拟。
VML是The Vector Markup Language(矢量可标识語言),本来是微软自身开发设计的物品,很强劲。
也便是说,IE下面,能够用 VML做出圆角 。半全透明、黑影 、渐变色情况。
早在上年的情况下,就有老外这个思路写变成软件,便捷前端开发程序流程员开发设计。。。
它可让IE6,IE7,IE8 适用 CSS3殊效……
以前的 bug 1直有1个比较严重 bug,今日上去看的情况下,官方调整了这个Bug ,而且提升了js 3D渲染方式(以前是用behavior导入)。
 
看看怎样启用:
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 检测了半天也不好,谁知太疏忽了,忽视了两点,1是在当地预览失效,得传到服务器自然环境下,或当地服务器自然环境,2是在css里忘掉加behavior: url(pie.htc);导致的。今日终究检测能用了,但新的难题又来了,我用的是自融入宽度,再加后会出現横向翻转条,去掉就行了,别的状况下一切正常,并且对文本黑影仿佛沒有实际效果,不知道道大伙儿遇到这样的难题沒有,如想应用的盆友能够试试吧