让IE部分支持css3属性

这个老外写的htc文件可以帮助我们在IE下模拟css3中的border-radius|box-shadow|text-shadow

 

1、但是有一些不支持的情况

 

• border-radius:

       只设置一个角落的圆角属性的时候不生效

• box-shadow:

      不支持除了黑色（#000）以外的其他颜色

• text-shadow:

      IE下呈现上还是和其他浏览器有差异

2、当然使用的元素上也有一些局限性：

• 使用元素必须有定位属性如设置了position:relative或者absolute属性。
• 实际上浏览器借助了VML来绘制，所以需要设置z-index属性。而且最好比周围的元素要高。

综合上面的我们可以使用下面代码实现圆角

.test{
   width:200px;
   height:100px;
   position:relative;
   z-index:2;
   -moz-box-radius:5px;   
   -webkit-border-radius:5px;  
   border-radius:5px;  
   behavior:url(ie-css3.htc);
}

 

 

VML:Vector Markup Language(矢量可标记语言)

 

• 用于将图形数据矢量化的标记语言。
• 基于XML语法的语言
• 相当于IE中的画笔，能结合脚本实现图形的动态效果。

 

 

 

 

 

 

 

 

扩展阅读：

 

1、http://fetchak.com/ie-css3/

2、http://www.zhangxinxu.com/wordpress/?p=783