让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实现input输入框颜色渐变发光效果代码
Apr 02 HTML / CSS
分享CSS3制作卡片式图片的方法
Jul 08 HTML / CSS
通过一张图教会你CSS3倒影的实现
Sep 26 HTML / CSS
HTML5的Geolocation地理位置定位API使用教程
May 12 HTML / CSS
html5基础教程常用技巧整理
Aug 20 HTML / CSS
html5使用canvas实现跟随光标跳动的火焰效果
Jan 07 HTML / CSS
HTML5进阶段内联标签汇总(小篇)
Jul 13 HTML / CSS
html5实现图片转圈的动画效果——让页面动起来
Oct 16 HTML / CSS
HTML5 客户端数据库简易使用:IndexedDB
Dec 19 HTML / CSS
萌新的HTML5 入门指南
Nov 06 HTML / CSS
Html5大屏数据可视化开发的实现
Jun 11 HTML / CSS
关于CSS自定义属性与前端页面的主题切换问题
Mar 21 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
phpMyAdmin下载、安装和使用入门教程
2007/05/31 PHP
PHP7 新增功能
2021/03/09 PHP
JavaScipt基本教程之前言
2008/01/16 Javascript
JSQL 批量图片切换的实现代码
2010/05/05 Javascript
基于jquery的滚动新闻列表
2010/06/19 Javascript
jQuery操作select的实例代码
2012/06/14 Javascript
javascript 回到顶部效果的实现代码
2014/02/17 Javascript
JQuery与JS里submit()的区别示例介绍
2014/02/17 Javascript
jquery复选框多选赋值给文本框的方法
2015/01/27 Javascript
jqueryUI里拖拽排序示例分析
2015/02/26 Javascript
分析了一下JQuery中的extend方法实现原理
2015/02/27 Javascript
基于Echarts 3.19 制作常用的图形(非静态)
2016/05/19 Javascript
用js实现放大镜的效果的简单实例
2016/05/23 Javascript
全面理解闭包机制
2016/07/11 Javascript
jQuery Checkbox 全选 反选的简单实例
2016/11/29 Javascript
Vue使用vue-area-linkage实现地址三级联动效果的示例
2018/06/27 Javascript
解决bootstrap中下拉菜单点击后不关闭的问题
2018/08/10 Javascript
[原创]微信小程序获取网络类型的方法示例
2019/03/01 Javascript
Vue 中 a标签上href无法跳转的解决方式
2019/11/12 Javascript
微信小程序vant弹窗组件的实现方式
2020/02/21 Javascript
详谈Python3 操作系统与路径 模块(os / os.path / pathlib)
2018/04/26 Python
对命令行模式与python交互模式介绍
2018/05/12 Python
Django实现分页显示效果
2019/10/31 Python
python中turtle库的简单使用教程
2020/11/11 Python
Senreve官网:美国旧金山的奢侈手袋品牌
2019/03/21 全球购物
Europcar意大利:汽车租赁
2019/07/07 全球购物
绘儿乐产品官方在线商店:Crayola.com
2019/09/07 全球购物
SQL面试题
2013/12/09 面试题
TCP/IP模型的分界线
2012/12/01 面试题
拉拉队口号
2014/06/16 职场文书
医院护士见习期自我鉴定
2014/09/15 职场文书
教师个人事迹材料
2014/12/17 职场文书
学校食品安全责任书
2015/01/29 职场文书
办公室行政主管岗位职责
2015/04/09 职场文书
Mac M1安装mnmp (Mac+Nginx+MySQL+PHP) 开发环境
2021/03/29 PHP
Redis Lua脚本实现ip限流示例
2022/07/15 Redis