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