IE6、IE7、IE8支持css3不再是梦

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?看示例代码:

    .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来浏览本页面吧,能不能看到上面的一个带阴影的圆角框框呢?