【学习】ie-css3.htc---让ie8以下支持css3

时间:2021-08-25 00:44:52

学习了偶象大神的一篇文章:《让IE6/IE7/IE8浏览器支持CSS3属性》http://www.zhangxinxu.com/wordpress/?p=783

亲自实践了一下,主要是border-radius圆角属性,如果ie8往下能支持圆角,那就再好不过了。结果是,加上behavior:url(ie-css3.htc);这一句后,在ie8是这样的,

【学习】ie-css3.htc---让ie8以下支持css3

需要加个背景色才可以。而在ie9中,边框不显示了,(win10系统下ie的兼容模式测试不显示边框;而在win7系统下的ie9测试显示边框)。所以啊,不能直接这么用,可能会产生一些问题,那么还是借助条件注释好了,这样保险点。在其他一些文章中提到,用ie-css3.htc的容器需要加上定位属性,而且input不支持,但是我测试的不用加定位属性,按钮也是支持的。

【学习】ie-css3.htc---让ie8以下支持css3

其他一些属性,像box-shadow没有进行测试,感觉对一般页面不加盒阴影和文字投影也可以,就是这个圆角,尖角和圆角对页面的风格还是有一定影响的。

以后可以用到实际项目中了。