让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实例教程 一款纯css3实现的超炫动画背画特效
Nov 05 HTML / CSS
CSS3属性box-shadow使用指南
Dec 09 HTML / CSS
CSS3中的常用选择器使用示例整理
Jun 13 HTML / CSS
CSS3实现文字波浪线效果示例代码
Nov 20 HTML / CSS
CSS3之transition实现下划线的示例代码
May 30 HTML / CSS
HTML5 使用 sessionStorage 进行页面传值的方法
Jul 02 HTML / CSS
基于HTML5代码实现折叠菜单附源码下载
Nov 27 HTML / CSS
推荐10个HTML5响应式框架
Feb 25 HTML / CSS
基于zepto的插件之移动端无缝向上滚动并上下触摸滑动实例代码
Dec 20 HTML / CSS
AmazeUI 模态窗口的实现代码
Aug 18 HTML / CSS
用CSS3画一个爱心
Apr 27 HTML / CSS
Unicode中的CJK(中日韩统一表意文字)字符小结
Dec 06 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通过COM使用ADODB的简单例子
2006/12/31 PHP
基于PHP开发中的安全防范知识详解
2013/06/06 PHP
PHP中创建图像并绘制文字的例子
2014/11/19 PHP
Android App中DrawerLayout抽屉效果的菜单编写实例
2016/03/21 PHP
PHP容器类的两种实现方式示例
2019/07/24 PHP
查看图片(前进后退)功能实现js代码
2013/04/24 Javascript
jQuery 遍历- 关于closest() 的方法介绍以及与parents()的方法区别分析
2013/04/26 Javascript
jquery复选框全选/取消示例
2013/12/30 Javascript
Javascript基础教程之函数对象和属性
2015/01/18 Javascript
javascript中字体浮动效果的简单实例演示
2015/11/18 Javascript
javascript正则表达式定义(语法)总结
2016/01/08 Javascript
WordPress 单页面上一页下一页的实现方法【附代码】
2016/03/10 Javascript
基于javascript显示当前时间以及倒计时功能
2016/03/18 Javascript
用JavaScript动态建立或增加CSS样式表的实现方法
2016/05/20 Javascript
jQuery移动端图片上传组件
2016/06/12 Javascript
深入浅析Vue组件开发
2016/11/25 Javascript
JavaScript表单验证的两种实现方法
2017/02/11 Javascript
微信小程序之选项卡的实现方法
2017/09/29 Javascript
JS中==、===你分清楚了吗
2020/03/04 Javascript
Vue自动构建发布脚本的方法示例
2020/07/24 Javascript
vue使用swiper实现左右滑动切换图片
2020/10/16 Javascript
jQuery实现可以扩展的日历
2020/12/01 jQuery
[36:09]Secret vs VG 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.24
2019/09/10 DOTA
Python内置模块hashlib、hmac与uuid用法分析
2018/02/12 Python
对Python 获取类的成员变量及临时变量的方法详解
2019/01/22 Python
Python中asyncio模块的深入讲解
2019/06/10 Python
Scrapy基于scrapy_redis实现分布式爬虫部署的示例
2020/09/29 Python
Python实现给PDF添加水印的方法
2021/01/25 Python
Bluebella美国官网:英国性感内衣品牌
2018/10/04 全球购物
远程教育心得体会
2014/01/03 职场文书
家长评语大全
2014/01/22 职场文书
村党支部换届选举方案
2014/05/02 职场文书
学校欢迎标语
2014/06/18 职场文书
2015年财务科工作总结范文
2015/05/13 职场文书
MySQL如何使用使用Xtrabackup进行备份和恢复
2021/06/21 MySQL
mysql脏页是什么
2021/07/26 MySQL