您的位置:主页 > 新闻资讯 > 常见问题 >
如何在IE6/IE7/IE8显示css3的圆角、阴影效果
发表日期:2014-12-08 16:47   文章编辑:flhfelygo    浏览次数:
 

    以前做个页面想要用圆角和阴影效果,想用css3的代码效果来实现,但ie浏览器不支持,之前也听说有插件可以实现,在这里我整理了一个方法,如下:
    网站程序员都知道IE6,IE7,IE8不支持、或者不完全支持CSS3的属性,所以之前我也用做图片的效果来实现了。
但CSS3 有这么多这么强大、绚丽的效果,比如,圆角,阴影,渐变透明,渐变背景等等,我们为什么不用呢?。
因为IE6时代,没有什么标准,而因为各种原因,IE6用户几乎不会更新IE版本。
让IE6,IE7,IE8支持CSS3效果,有一个思路就是利用 VML 模拟。
VML是The Vector Markup Language(矢量可标记语言),原本是微软自己开发的东西,很强大。
也就是说,IE下面,可以用 VML做出圆角 。半透明、阴影 、渐变背景。
早在以前的时候,就有老外用这个思路写成了插件,方便前端程序员开发...
它可以让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);
});
}
});

下面是宜兴网络公司博路网络已经整理了的一个文件包,供大家下载使用!

下载地址:css3的圆角、阴影效果代码

标签:    
如没特殊注明,文章均为博路网络原创,转载请注明来自https://www.boroad.net/news/changjianwenti/2014/1208/18.html