让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圆角属性
Apr 02 HTML / CSS
CSS3实例分享--超炫checkbox复选框和radio单选框
Sep 01 HTML / CSS
简单总结CSS3中视窗单位Viewport的常见用法
Feb 04 HTML / CSS
CSS3媒体查询Media Queries基础学习教程
Feb 29 HTML / CSS
使用CSS3的font-face字体嵌入样式的方法讲解
May 13 HTML / CSS
轻松掌握CSS3中的字体大小单位rem的使用方法
May 24 HTML / CSS
纯CSS3实现圆圈动态发光特效动画的示例代码
Mar 08 HTML / CSS
HTML5 Canvas标签使用收录
Jul 07 HTML / CSS
5 个强大的HTML5 API 函数推荐
Nov 19 HTML / CSS
HTML5中的Web Notification桌面右下角通知功能的实现
Apr 19 HTML / CSS
Canvas在超级玛丽游戏中的应用详解
Feb 06 HTML / CSS
血轮眼轮回眼特效 html+css
Mar 31 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边学边教》(01.开篇――准备工作)
2006/12/13 PHP
php下通过伪造http头破解防盗链的代码
2010/07/03 PHP
PHP递归删除目录几个代码实例
2014/04/21 PHP
PHP处理Oracle的CLOB实例
2014/11/03 PHP
php图像验证码生成代码
2017/06/08 PHP
PHP基于Closure类创建匿名函数的方法详解
2017/08/17 PHP
jQuery学习笔记之jQuery.extend(),jQuery.fn.extend()分析
2014/06/09 Javascript
实例讲解JQuery中this和$(this)区别
2014/12/08 Javascript
Jquery注册事件实现方法
2015/05/18 Javascript
js判断手机访问或者PC的几个例子(常用于手机跳转)
2015/12/15 Javascript
JQuery 传送中文乱码问题的简单解决办法
2016/05/24 Javascript
JavaScript知识点总结(五)之Javascript中两个等于号(==)和三个等于号(===)的区别
2016/05/31 Javascript
Select2.js下拉框使用小结
2016/10/24 Javascript
BootStrap轮播HTML代码(推荐)
2016/12/10 Javascript
JS实现搜索框文字可删除功能
2016/12/28 Javascript
基于MVC方式实现三级联动(JavaScript)
2017/01/23 Javascript
JSON对象转化为字符串详解
2017/08/11 Javascript
JS遍历DOM文档树的方法实例详解
2018/04/03 Javascript
详解mpvue中小程序自定义导航组件开发指南
2019/02/11 Javascript
layui动态绑定事件的方法
2019/09/20 Javascript
Python中多线程的创建及基本调用方法
2016/07/08 Python
Python2与python3中 for 循环语句基础与实例分析
2017/11/20 Python
python绘制直方图和密度图的实例
2019/07/08 Python
10分钟理解CSS3 Grid布局
2018/12/20 HTML / CSS
HTML5移动端开发遇见的东西
2019/10/11 HTML / CSS
妇科医生自荐信
2013/11/05 职场文书
新三好学生主要事迹
2014/01/23 职场文书
网上蛋糕店创业计划书
2014/01/24 职场文书
租赁意向书范本
2014/04/01 职场文书
班长演讲稿范文
2014/04/24 职场文书
六一儿童节活动总结
2014/08/27 职场文书
大学生上课迟到检讨书
2014/10/15 职场文书
土建技术员岗位职责
2015/04/11 职场文书
导游词之吉林花园山
2019/10/17 职场文书
详解python的异常捕获
2022/03/03 Python
Golang 并发编程 SingleFlight模式
2022/04/26 Golang