让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样式中的 !important * _ 符号
Mar 09 HTML / CSS
CSS3弹性伸缩布局之box布局
Jul 12 HTML / CSS
基于CSS3的CSS 多栏(Multi-column)实现瀑布流源码分享
Jun 11 HTML / CSS
8款使用 CSS3 实现超炫的 Loading(加载)的动画效果
Mar 17 HTML / CSS
举例详解CSS3中的Transition
Jul 15 HTML / CSS
css3的动画特效之动画序列(animation)
Dec 22 HTML / CSS
html5的localstorage详解
May 09 HTML / CSS
input元素的url类型和email类型简介
Jul 11 HTML / CSS
html5+css3实现一款注册表单实例
Apr 17 HTML / CSS
整理HTML5中支持的URL编码与字符编码
Feb 23 HTML / CSS
css3应用示例:新增的选择器
Mar 16 HTML / CSS
el-form每行显示两列底部按钮居中效果的实现
Aug 05 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/10/09 PHP
利用discuz自带通行证整合dedecms的方法以及文件下载
2007/03/06 PHP
在字符串指定位置插入一段字符串的php代码
2010/02/16 PHP
php准确获取文件MIME类型的方法
2015/06/17 PHP
限制复选框的最大可选数
2006/07/01 Javascript
效率高的Javscript字符串替换函数的benchmark
2008/08/02 Javascript
JavaScript中常见陷阱小结
2010/04/27 Javascript
JavaScript的漂亮的代码片段
2013/06/05 Javascript
js弹出层包含flash 不能关闭隐藏的2种处理方法
2013/06/17 Javascript
jQuery实现页面内锚点平滑跳转特效的方法总结
2015/05/11 Javascript
nodeJs爬虫获取数据简单实现代码
2016/03/29 NodeJs
微信小程序中子页面向父页面传值实例详解
2017/03/20 Javascript
浅析Javascript中双等号(==)隐性转换机制
2017/10/27 Javascript
微信小程序tabbar底部导航
2018/11/05 Javascript
vue-cli安装使用流程步骤详解
2018/11/08 Javascript
node中实现删除目录的几种方法
2019/06/24 Javascript
如何在wxml中直接写js代码(wxs)
2019/11/14 Javascript
Vue v-bind动态绑定class实例方法
2020/01/15 Javascript
[01:05:24]Ti4 冒泡赛第二天 iG vs NEWBEE 3
2014/07/15 DOTA
Python可变参数*args和**kwargs用法实例小结
2018/04/27 Python
Django实现分页功能
2018/07/02 Python
CSS3中的clip-path使用攻略
2015/08/03 HTML / CSS
CSS3 box-sizing属性详解
2016/11/15 HTML / CSS
CSS3 实现的加载动画
2020/12/07 HTML / CSS
详解Canvas 实现炫丽的粒子运动效果(粒子生成文字)
2018/02/01 HTML / CSS
趣天网日本站:Qoo10 JP
2019/09/18 全球购物
工商管理专业实习大学生自我鉴定
2013/09/19 职场文书
党委书记岗位职责
2013/11/24 职场文书
大学生咖啡店创业计划书
2014/01/21 职场文书
中国梦我的梦演讲稿
2014/04/23 职场文书
教育基金募捐倡议书
2014/05/14 职场文书
2014高考励志标语
2014/06/05 职场文书
护理学专业求职信
2014/06/29 职场文书
党员群众路线整改措施及今后努力方向
2014/10/28 职场文书
JVM入门之类加载与字节码技术(类加载与类的加载器)
2021/06/15 Java/Android
Go微服务项目配置文件的定义和读取示例详解
2022/06/21 Golang