IE6、IE7、IE8支持css3不再是梦
2014-04-11 17:51
411 查看
CSS3很好很强大,例如圆角、阴影、渐变透明、渐变背景等等,但是IE6、IE7、IE8都不支持,现在利用VML可以实现,只需要加载一个小小的文件即可:ie-css3.htc(←点击下载)
VML 是什么?VML是The Vector Markup Language(矢量可标记语言)的缩写。VML用于将图形数据矢量化的标记语言。这是一种基于 XML 语法的语言,由 AutoDesk 、 Macromedia 和 Microsoft 和 HP 公司向 W3C 提出的方案。VML相当于IE里面的画笔,能实现你所想要的图形,而且结合脚本,可以让图形产生动态的效果。
ie-css.htc是什么?.htc文件其实是个脚本文件,与js文件差不多类型,.htc文件可以用来描述web行为,web行为允许程序员把自定义的功能“连接”到现有的元素和控件,而不是必须让用户下载二进制文件(例如ActiveX 控件)来完成这个功能。
如何实现ie支持css3?看示例代码:
注:1.z-index值要比周围元素高;
2. 当前元素要有定位属性,position:relative或position:absolute.
带阴影的圆角框
最后用你的ie来浏览本页面吧,能不能看到上面的一个带阴影的圆角框框呢?
VML 是什么?VML是The Vector Markup Language(矢量可标记语言)的缩写。VML用于将图形数据矢量化的标记语言。这是一种基于 XML 语法的语言,由 AutoDesk 、 Macromedia 和 Microsoft 和 HP 公司向 W3C 提出的方案。VML相当于IE里面的画笔,能实现你所想要的图形,而且结合脚本,可以让图形产生动态的效果。
ie-css.htc是什么?.htc文件其实是个脚本文件,与js文件差不多类型,.htc文件可以用来描述web行为,web行为允许程序员把自定义的功能“连接”到现有的元素和控件,而不是必须让用户下载二进制文件(例如ActiveX 控件)来完成这个功能。
如何实现ie支持css3?看示例代码:
.box { width:200px; height:150px; border-radius: 10px; /*圆角边框*/ box-shadow: 10px 10px 20px #000; /*阴影*/ position:relative; z-index:10; behavior: url(/upload/ie-css3.htc); /* 关键所在,通知IE浏览器调用脚本*/ }
注:1.z-index值要比周围元素高;
2. 当前元素要有定位属性,position:relative或position:absolute.
带阴影的圆角框
最后用你的ie来浏览本页面吧,能不能看到上面的一个带阴影的圆角框框呢?
相关文章推荐
- 让IE6、IE7、IE8支持CSS3的圆角、阴影样式
- 让IE6、IE7、IE8支持CSS3的脚本ie-css3和PIE
- 让IE6支持css3,让 IE7、IE8 都支持CSS3
- 【htc法:IE-CSS3】CSS3支持IE6、IE7、IE8
- 让IE6、IE7、IE8支持CSS3的圆角、阴影样式-最好的插件
- 使IE6、IE7、IE8支持CSS3代码方法
- 让IE6、IE7、IE8支持CSS3的圆角、阴影样式
- 让IE6支持css3,让 IE7、IE8 都支持CSS3
- 让IE6IE7IE8支持CSS3属性的8种方法介绍
- 发现非常好用的js插件 让IE6支持css3,让 IE7、IE8 都支持CSS3
- 让ie6,ie7,ie8支持 css3 的部分属性实现全兼容
- 让IE6,IE7,IE8,IE9支持CSS3
- 【htc法:IE-CSS3】CSS3支持IE6、IE7、IE8
- 让IE6支持css3,让 IE7、IE8 都支持CSS3
- 让IE6、IE7、IE8支持CSS3的圆角、阴影样式
- 让IE6、IE7、IE8支持CSS3的圆角、阴影样式
- 让IE6支持css3,让 IE7、IE8 都支持CSS3
- 让IE6、IE7、IE8支持CSS3的脚本
- 让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法
- window.opener=null;window.close(),只支持IE6不支持IE7,IE8的问题