让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 相关文章推荐
IE矩阵Matrix滤镜旋转与缩放及如何结合transform
Nov 29 HTML / CSS
CSS3提交意见输入框样式代码
Oct 30 HTML / CSS
详解CSS3中字体平滑处理和抗锯齿渲染
Mar 29 HTML / CSS
css3 transform导致子元素固定定位变成绝对定位的方法
Mar 06 HTML / CSS
html Table 表头固定的实现
Jan 22 HTML / CSS
详解移动端HTML5页面端去掉input输入框的白色背景和边框(兼容Android和ios)
Dec 15 HTML / CSS
如何用H5实现一个触屏版的轮播器的实例
Jan 09 HTML / CSS
html5实现图片转圈的动画效果——让页面动起来
Oct 16 HTML / CSS
htnl5利用svg页面高斯模糊的方法
Jul 20 HTML / CSS
HTML5中的网络存储实现方式
Apr 28 HTML / CSS
HTML5在微信内置浏览器下右上角菜单的调整字体导致页面显示错乱的问题
Jan 19 HTML / CSS
为什么你写的height:100%不起作用
May 10 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分页函数
2006/07/08 PHP
基于php split()函数的用法详解
2013/06/05 PHP
PHP @ at 记号的作用示例介绍
2014/10/10 PHP
Redis使用Eval多个键值自增的操作实例
2016/11/04 PHP
php脚本守护进程原理与实现方法详解
2017/07/20 PHP
PHP中md5()函数的用法讲解
2019/03/30 PHP
laravel请求参数校验方法
2019/10/10 PHP
HR vs ForZe BO3 第一场 2.13
2021/03/10 DOTA
浅谈关于JavaScript的语言特性分析
2013/04/11 Javascript
jQuery教程 $()包装函数来实现数组元素分页效果
2013/08/13 Javascript
浅析Javascript使用include/require
2013/11/13 Javascript
js+html5获取用户地理位置信息并在Google地图上显示的方法
2015/06/05 Javascript
WordPress中利用AJAX异步获取评论用户头像的方法
2016/01/08 Javascript
jQuery实现div横向拖拽排序的简单实例
2016/07/13 Javascript
js数组操作方法总结(必看篇)
2016/11/22 Javascript
30分钟快速入门掌握ES6/ES2015的核心内容(上)
2018/04/18 Javascript
vue实现类似淘宝商品评价页面星级评价及上传多张图片功能
2018/10/29 Javascript
vue滚动固定顶部及修改样式的实例代码
2019/05/30 Javascript
使用Layui搭建后台管理界面的操作方法
2019/09/20 Javascript
微信小程序批量监听输入框对按钮样式进行控制的实现代码
2019/10/12 Javascript
跟老齐学Python之dict()的操作方法
2014/09/24 Python
JSON文件及Python对JSON文件的读写操作
2018/10/07 Python
python自动分箱,计算woe,iv的实例代码
2019/11/22 Python
python xlsxwriter模块的使用
2020/12/24 Python
美国独家设计师眼镜在线光学商店:Glasses Gallery
2017/12/28 全球购物
美国工业用品采购网站:Zoro.com
2020/10/27 全球购物
serialVersionUID具有什么样的特征
2014/02/20 面试题
令人啧啧称赞的经理推荐信
2013/11/07 职场文书
就业推荐表自我鉴定
2014/03/21 职场文书
关于雷锋的演讲稿
2014/05/10 职场文书
政府采购方案
2014/06/12 职场文书
保护地球的标语
2014/06/17 职场文书
大足石刻导游词
2015/02/02 职场文书
2015年保安个人工作总结
2015/04/02 职场文书
采购内勤岗位职责
2015/04/13 职场文书
百家讲坛观后感
2015/06/12 职场文书