让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和jquery实现可伸缩搜索框
Feb 12 HTML / CSS
使用css3背景渐变中的透明度来设置不同颜色的背景渐变
Mar 31 HTML / CSS
纯CSS3实现滚动的齿轮动画效果
Jun 05 HTML / CSS
纯css3实现走马灯效果
Dec 26 HTML / CSS
纯CSS实现右侧底部悬浮效果(悬浮QQ、微信、微博、邮箱等联系方式)
Apr 24 HTML / CSS
css3学习系列之移动属性详解
Jul 04 HTML / CSS
利用CSS3 动画 绘画 圆形动态时钟
Mar 20 HTML / CSS
CSS3 transforms应用于背景图像的解决方法
Apr 16 HTML / CSS
HTML5之SVG 2D入门8—文档结构及相关元素总结
Jan 30 HTML / CSS
详解HTML5中的picture元素响应式处理图片
Jan 03 HTML / CSS
html5移动端价格输入键盘的实现
Sep 16 HTML / CSS
canvas实现图片镜像翻转的2种方式
Jul 22 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
ThinkPHP的RBAC(基于角色权限控制)深入解析
2013/06/17 PHP
php面象对象数据库操作类实例
2014/12/02 PHP
详解PHP序列化和反序列化原理
2018/01/15 PHP
用javascript实现计算两个日期的间隔天数
2007/08/14 Javascript
Javascript 获取链接(url)参数的方法[正则与截取字符串]
2010/02/09 Javascript
编写可维护面向对象的JavaScript代码[翻译]
2011/02/12 Javascript
在IE和VB中支持png图片透明效果的实现方法(vb源码打包)
2011/04/01 Javascript
jQuery getJSON()+.ashx 实现分页(改进版)
2013/03/28 Javascript
JQuery的Ajax请求实现局部刷新的简单实例
2014/02/11 Javascript
zeroclipboard 单个复制按钮和多个复制按钮的实现方法
2014/06/14 Javascript
jQuery新的事件绑定机制on()示例应用
2014/07/18 Javascript
jQuery实现鼠标滑过Div层背景变颜色的方法
2015/02/17 Javascript
JavaScript中判断两个字符串是否相等的方法
2015/07/07 Javascript
JavaScript学习笔记--常用的互动方法
2016/12/07 Javascript
Three.js基础学习教程
2017/11/16 Javascript
jQuery中each方法的使用详解
2018/03/18 jQuery
this在vue和小程序中的使用详解
2019/01/28 Javascript
[02:36]DOTA2亚洲邀请赛小组赛精彩集锦:EE凭借法力虚空拿下4杀
2017/03/30 DOTA
[01:02:34]TFT vs VGJ.T Supermajor 败者组 BO3 第二场 6.5
2018/06/06 DOTA
python实现音乐下载器
2018/04/15 Python
python绘制已知点的坐标的直线实例
2019/07/04 Python
python面试题之列表声明实例分析
2019/07/08 Python
Python3监控疫情的完整代码
2020/02/20 Python
详解Python中的文件操作
2021/01/14 Python
Airbnb爱彼迎官网:成为爱彼迎房东,赚取收入
2019/03/14 全球购物
Johnson Fitness澳大利亚:高级健身器材
2021/03/16 全球购物
介绍一下XMLHttpRequest对象的常用方法和属性
2013/05/24 面试题
销售行业个人求职自荐信
2013/09/25 职场文书
行政助理的职责
2013/11/14 职场文书
《翻越远方的大山》教学反思
2014/04/13 职场文书
《悯农》教学反思
2014/04/28 职场文书
2014年个人年终总结
2015/03/09 职场文书
遗愿清单观后感
2015/06/09 职场文书
Nginx同一个域名配置多个项目的实现方法
2021/03/31 Servers
python+pytest接口自动化之token关联登录的实现
2022/04/06 Python
字节飞书面试promise.all实现示例
2022/06/16 Javascript