让IE一部分支持css3属性
日期：2014-05-17 浏览次数：20873 次
让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
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
