让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 相关文章推荐
移动Web—CSS为Retina屏幕替换更高质量的图片
Dec 24 HTML / CSS
css3打造一款漂亮的卡哇伊按钮
Mar 20 HTML / CSS
基于css3的属性transition制作菜单导航效果
Sep 01 HTML / CSS
CSS3 3D旋转rotate效果实例介绍
May 03 HTML / CSS
css3遮罩层镂空效果的多种实现方法
May 11 HTML / CSS
纯CSS3实现圆圈动态发光特效动画的示例代码
Mar 08 HTML / CSS
HTML5 Canvas实现文本对齐的方法总结
Mar 24 HTML / CSS
HTML5计时器小例子
Oct 15 HTML / CSS
html5中的input新属性range使用记录
Sep 05 HTML / CSS
网站性能延迟加载图像的五种技巧(小结)
Aug 13 HTML / CSS
HTML+CSS 实现顶部导航栏菜单制作
Jun 03 HTML / CSS
企业开发CSS命名BEM代码规范实践
Feb 12 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异步执行的常用方式详解
2013/06/03 PHP
解析php通过cookies获取远程网页的指定代码
2013/06/25 PHP
php ctype函数中文翻译和示例
2014/03/21 PHP
laravel csrf排除路由,禁止,关闭指定路由的例子
2019/10/21 PHP
PHP 构造函数和析构函数原理与用法分析
2020/04/21 PHP
jquery ajax return没有返回值的解决方法
2011/10/20 Javascript
使用js解决由border属性引起的div宽度问题
2013/11/26 Javascript
javascript生成json数据简单示例分享
2014/02/14 Javascript
JavaScript获取当前页面上的指定对象示例代码
2014/02/28 Javascript
JS获取iframe中longdesc属性的方法
2015/04/01 Javascript
javascript:void(0)点击登录没反应怎么解决
2015/11/13 Javascript
浅谈AngularJs指令之scope属性详解
2016/10/24 Javascript
手把手搭建安装基于windows的Vue.js运行环境
2017/06/12 Javascript
详解Node使用Puppeteer完成一次复杂的爬虫
2018/04/18 Javascript
解决vue+element 键盘回车事件导致页面刷新的问题
2018/08/25 Javascript
解决Vue在封装了Axios后手动刷新页面拦截器无效的问题
2018/11/08 Javascript
使用vue-router切换页面时,获取上一页url以及当前页面url的方法
2019/05/06 Javascript
pm2启动ssr失败的解决方法
2019/06/29 Javascript
JS正则表达式常见函数与用法小结
2020/04/13 Javascript
从Python的源码来解析Python下的freeblock
2015/05/11 Python
解决Django migrate No changes detected 不能创建表的问题
2018/05/27 Python
python实现简单登陆系统
2018/10/18 Python
python三引号输出方法
2019/02/27 Python
Python嵌套式数据结构实例浅析
2019/03/05 Python
python实现在cmd窗口显示彩色文字
2019/06/24 Python
PyTorch: 梯度下降及反向传播的实例详解
2019/08/20 Python
Python Request类源码实现方法及原理解析
2020/08/17 Python
香港礼品网站:GiftU eshop
2017/09/01 全球购物
写给女朋友的道歉信
2014/01/08 职场文书
迟到检讨书300字
2014/02/14 职场文书
团干部培训方案
2014/06/03 职场文书
知识就是力量演讲稿
2014/09/13 职场文书
2015年宣传部工作总结范文
2015/03/31 职场文书
班委竞选稿范文
2015/11/21 职场文书
2016优秀教师先进个人事迹材料
2016/02/25 职场文书
一文教你快速生成MySQL数据库关系图
2022/06/28 Redis