我是否仍应使用供应商前缀作为border-radius?

时间:2014-11-19 08:11:03

标签: css vendor-prefix

目前,我编码时使用:

-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;

但根据我的测试,它与任何现代浏览器(Chrome 33 +,opera 25+,safari 8+)没有任何区别。 Internet Explorer 8不支持此属性,但供应商前缀不会产生任何差异。

有没有理由保留它们?

2 个答案:

答案 0 :(得分:10)

使用http://caniuse.com/#search=border-radius检查此类

结论:不需要为border-radius添加供应商前缀,因为它在所有主流浏览器(和IE9 +)中都受支持。如果你真的需要在IE8中使用border-radius,请查看:How to apply border radius in IE8 and below IE8 browsers?

但是在99%的情况下,边界半径对于设计并不重要。采用优雅降级技术,让IE8保持方角

答案 1 :(得分:2)

您还可以在页面中添加PrefixFree,以便在更多情况下覆盖您,而不仅仅是border-radius,因为它会添加这些前缀,让您更安全。

为了使用CSS3与旧版本的IE向后兼容,有PIE(不仅仅是边框半径而是其他版本),您可以在需要的地方添加:

behavior:url('pie.htc');