让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 相关文章推荐
CSS3 三维变形实现立体方块特效源码
Dec 15 HTML / CSS
CSS3 倾斜的网页图片库实例教程
Nov 14 HTML / CSS
一款利用css3的鼠标经过动画显示详情特效的实例教程
Dec 29 HTML / CSS
CSS3使用transition实现的鼠标悬停淡入淡出
Jan 09 HTML / CSS
结合 CSS3 transition transform 实现简单的跑马灯效果的示例
Feb 07 HTML / CSS
HTML5实现表单自动验证功能实例代码
Jan 11 HTML / CSS
html5 兼容IE6结构的实现代码
May 14 HTML / CSS
HTML5 语音搜索只需一句代码
Jan 03 HTML / CSS
HTML5头部标签的一些常用信息小结
Oct 23 HTML / CSS
HTML5 Web缓存和运用程序缓存(cookie,session)
Jan 11 HTML / CSS
html5用video标签流式加载的实现
May 20 HTML / CSS
如何使用 resize 实现图片切换预览功能
Aug 23 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代码
2016/10/08 PHP
基于yaf框架和uploadify插件,做的一个导入excel文件,查看并保存数据的功能
2017/01/24 PHP
使用tp框架和SQL语句查询数据表中的某字段包含某值
2019/10/18 PHP
js压缩利器
2007/02/20 Javascript
Add Formatted Text to a Word Document
2007/06/15 Javascript
火狐下table中创建form导致两个table之间出现空白
2013/09/02 Javascript
分享几种比较简单实用的JavaScript tabel切换
2015/12/31 Javascript
纯JavaScript手写图片轮播代码
2016/10/20 Javascript
H5移动端适配 Flexible方案
2016/10/24 Javascript
二维码图片生成器QRCode.js简单介绍
2017/08/18 Javascript
nodejs调取微信收货地址的方法
2017/12/20 NodeJs
nodejs二进制与Buffer的介绍与使用
2019/07/11 NodeJs
Vue3.0数据响应式原理详解
2019/10/09 Javascript
Javascript和jquery在selenium的使用过程
2019/10/31 jQuery
node crawler如何添加promise支持
2020/02/01 Javascript
Python psutil模块简单使用实例
2015/04/28 Python
python学习数据结构实例代码
2015/05/11 Python
Python的爬虫程序编写框架Scrapy入门学习教程
2016/07/02 Python
pyspark.sql.DataFrame与pandas.DataFrame之间的相互转换实例
2018/08/02 Python
实例讲解Python中浮点型的基本内容
2019/02/11 Python
Python字符串逆序输出的实例讲解
2019/02/16 Python
简单了解Python字典copy与赋值的区别
2020/09/16 Python
利于python脚本编写可视化nmap和masscan的方法
2020/12/29 Python
雅萌 (YA-MAN) :日本美容家电领域的龙头企业
2017/05/12 全球购物
Skyscanner香港:机票比价, 平机票和廉价航空机票预订
2020/02/07 全球购物
英国网上超市:Ocado
2020/03/05 全球购物
销售高级职员求职信
2013/10/29 职场文书
大一军训感言
2014/01/09 职场文书
报纸媒体创意广告词
2014/03/17 职场文书
美容院经理岗位职责
2014/04/03 职场文书
信用社主任竞聘演讲稿
2014/05/23 职场文书
golang如何去除多余空白字符(含制表符)
2021/04/25 Golang
Nginx如何配置Http、Https、WS、WSS的方法步骤
2021/05/11 Servers
Pygame Draw绘图函数的具体使用
2021/11/17 Python
nginx内存池源码解析
2021/11/20 Servers
深入理解MySQL中MVCC与BufferPool缓存机制
2022/05/25 MySQL