让IE6支持css3,让 IE7、IE8 都支持CSS3


Posted in HTML / CSS onOctober 09, 2011

CSS3 有很多很强大、绚丽的效果,比如,圆角,阴影,渐变透明,渐变背景,等等。
因为IE6时代,没有什么标准,而因为各种原因,IE6用户几乎不会更新IE版本。
让IE6,IE7,IE8支持CSS3效果,有一个思路就是利用 VML 模拟。
VML是The Vector Markup Language(矢量可标记语言),原本是微软自己开发的东西,很强大。
也就是说,IE下面,可以用 VML做出圆角 。半透明、阴影 、渐变背景。
早在去年的时候,就有老外这个思路写成了插件,方便前端程序员开发。。。
它可以让IE6,IE7,IE8 支持 CSS3特效……
之前的 bug 一直有一个严重 bug,今天上去看的时候,官方修正了这个Bug ,并且增加了js 渲染方法(之前是用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

--------------------------------------------------------------------------------
补充:
根据我对这个插件测试:最好在要加载效果的 box 增加CSS属性: overflow:hidden; 有些时候,圆角会出问题。

试用的时候,有问题,留言一起讨论一下。
有兴趣同学,可以看看源代码,加强对vml 的了解。。。

HTML / CSS 相关文章推荐
利用CSS的Sass预处理器(框架)来制作居中效果
Mar 10 HTML / CSS
利用CSS3实现动态的二级三级菜单效果实例源码
Jan 04 HTML / CSS
CSS3 圆角效果
Jul 15 HTML / CSS
浅谈CSS3 box-sizing 属性 有趣的盒模型
Apr 02 HTML / CSS
html5读取本地文件示例代码
Apr 22 HTML / CSS
HTML5资源预加载(Link prefetch)详细介绍(给你的网页加速)
May 07 HTML / CSS
带你认识HTML5中的WebSocket
May 22 HTML / CSS
HTML5 FileReader对象的具体使用方法
May 22 HTML / CSS
AmazeUI 单选框和多选框的实现示例
Aug 18 HTML / CSS
CSS实现隐藏搜索框功能(动画正反向序列)
Jul 21 HTML / CSS
html5+实现plus.io进行拍照和图片等获取
Jun 01 HTML / CSS
css之clearfix的用法深入理解(必看篇)
May 21 HTML / CSS
利用CSS3的transform做的动态时钟效果
Sep 21 #HTML / CSS
CSS3 border-image详解、应用及jQuery插件
Aug 29 #HTML / CSS
CSS3 特效范例整理
Aug 22 #HTML / CSS
你正在寻找的CSS3 动画技术
Jul 27 #HTML / CSS
IE兼容css3圆角的实现代码
Jul 21 #HTML / CSS
10个很棒的 CSS3 开发工具 推荐
May 16 #HTML / CSS
IE下实现类似CSS3 text-shadow文字阴影的几种方法
May 11 #HTML / CSS
You might like
PHP 使用header函数设置HTTP头的示例解析 表头
2013/06/17 PHP
PHP字符串的连接的简单实例
2013/12/30 PHP
php+mysql查询优化简单实例
2015/01/13 PHP
PHP多线程之内部多线程实例分析
2015/03/09 PHP
php实现的rc4加密解密类定义与用法示例
2018/08/16 PHP
Nigma vs Liquid BO3 第一场2.14
2021/03/10 DOTA
Prototype1.5 rc2版指南最后一篇之Position
2007/01/10 Javascript
JScript内置对象Array中元素的删除方法
2007/03/08 Javascript
js 动态添加标签(新增一行,其实很简单,就是几个函数的应用)
2009/03/26 Javascript
Javascript中的window.event.keyCode使用介绍
2011/04/26 Javascript
Jquery带搜索框的下拉菜单
2013/05/06 Javascript
jQuery实现字符串按指定长度加入特定内容的方法
2015/03/11 Javascript
JavaScript电子时钟倒计时
2016/01/09 Javascript
AngularJS向后端ASP.NET API控制器上传文件
2016/02/03 Javascript
JS实现环形进度条(从0到100%)效果
2016/07/05 Javascript
jQuery实现页面倒计时并刷新效果
2017/03/13 Javascript
vue-cli项目优化方法- 缩短首屏加载时间
2018/04/01 Javascript
vue实现个人信息查看和密码修改功能
2018/05/06 Javascript
vue动态删除从数据库倒入列表的某一条方法
2018/09/29 Javascript
在React项目中使用Eslint代码检查工具及常见问题
2018/10/10 Javascript
[04:54]DOTA2-DPC中国联赛1月31日Recap集锦
2021/03/11 DOTA
pycharm中显示CSS提示的知识点总结
2019/07/29 Python
Python读写文件模式和文件对象方法实例详解
2019/09/17 Python
对tensorflow 中tile函数的使用详解
2020/02/07 Python
基于python检查SSL证书到期情况代码实例
2020/04/04 Python
德国亚洲食品网上商店:asiafoodland.de
2019/12/28 全球购物
自我鉴定书范文
2013/10/02 职场文书
童装店创业计划书
2014/01/09 职场文书
《颐和园》教学反思
2014/02/26 职场文书
群众路线党员自我评议范文2014
2014/09/24 职场文书
反四风个人对照检查材料
2014/09/26 职场文书
教师自荐信范文
2015/03/06 职场文书
2015年乡镇卫生院工作总结
2015/04/22 职场文书
运动会主持人开幕词
2016/03/04 职场文书
python 中的@运算符使用
2021/05/26 Python
css3新特性的应用示例分析
2022/03/16 HTML / CSS