让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实现DIV圆角效果完整代码
Oct 10 HTML / CSS
CSS3 :nth-child()伪类选择器实现奇偶行显示不同样式
Nov 05 HTML / CSS
一款利用纯css3实现的超炫3D表单的实例教程
Dec 01 HTML / CSS
解决margin 外边距合并问题
Jul 03 HTML / CSS
利用HTML5中Geolocation获取地理位置调用Google Map API在Google Map上定位
Jan 23 HTML / CSS
HTML5 Canvas中绘制矩形实例
Jan 01 HTML / CSS
HTML5实现预览本地图片
Feb 17 HTML / CSS
详解如何通过H5(浏览器/WebView/其他)唤起本地app
Dec 11 HTML / CSS
前端使用canvas生成盲水印的加密解密的实现
Dec 16 HTML / CSS
几款流行的HTML5 UI框架比较(小结)
Apr 08 HTML / CSS
在CSS中映射鼠标位置并实现通过鼠标移动控制页面元素效果(实例代码)
Apr 22 HTML / CSS
如何利用 CSS Overview 面板重构优化你的网站
Oct 24 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/02/03 PHP
PHP浮点数的一个常见问题
2016/03/10 PHP
jQuery中使用each处理json数据
2015/04/23 Javascript
javascript实现base64 md5 sha1 密码加密
2015/09/09 Javascript
JS实现兼容性较好的随屏滚动效果
2015/11/09 Javascript
JavaScript的Backbone.js框架环境搭建及Hellow world示例
2016/05/07 Javascript
BootStrap智能表单实战系列(八)表单配置json详解
2016/06/13 Javascript
AngularJS中如何使用echart插件示例详解
2016/10/26 Javascript
详解Node.js:events事件模块
2016/11/24 Javascript
JavaScript自动点击链接 防止绕过浏览器访问的方法
2017/01/19 Javascript
js-FCC算法-No repeats please字符串的全排列(详解)
2017/05/02 Javascript
angular中不同的组件间传值与通信的方法
2017/11/04 Javascript
vue自定义插件封装,实现简易的elementUi的Message和MessageBox的示例
2020/11/20 Vue.js
原生jQuery实现只显示年份下拉框
2020/12/24 jQuery
[05:05]给小松五分钟系列 第二期介绍为什么打DOTA2
2014/07/02 DOTA
在Python中编写数据库模块的教程
2015/04/29 Python
python使用xslt提取网页数据的方法
2018/02/23 Python
python pandas中DataFrame类型数据操作函数的方法
2018/04/08 Python
浅谈Python中重载isinstance继承关系的问题
2018/05/04 Python
Pandas 同元素多列去重的实例
2018/07/03 Python
如何基于python实现画不同品种的樱花树
2020/01/03 Python
python3中sys.argv的实例用法
2020/04/24 Python
详解python如何引用包package
2020/06/07 Python
python logging 重复写日志问题解决办法详解
2020/08/04 Python
python3.7中安装paddleocr及paddlepaddle包的多种方法
2020/11/27 Python
Python利用socket模块开发简单的端口扫描工具的实现
2021/01/27 Python
J2EE是技术还是平台还是框架
2016/08/14 面试题
面临毕业的毕业生自荐书范文
2014/02/05 职场文书
秋季校运动会广播稿
2014/02/23 职场文书
道路交通安全实施方案
2014/03/12 职场文书
保密工作责任书
2014/04/16 职场文书
模范班主任事迹材料
2014/12/17 职场文书
医药公司采购员岗位职责
2015/04/03 职场文书
道歉信范文
2015/05/12 职场文书
优秀共产党员事迹材料2016
2016/02/29 职场文书
动画「半妖的夜叉姬」新BD特典图公开
2022/03/22 日漫