5

目前,当我编码时,我使用:

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

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

有什么理由保留它们吗?

4

2 回答 2

12

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

结论:不需要为边框半径添加供应商前缀,因为它在所有主要浏览器(和 IE9+)中都支持。如果您确实需要 IE8 中的边框半径,请查看:如何在 IE8 及以下 IE8 浏览器中应用边框半径?

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

于 2014-11-19T08:13:05.570 回答
2

您还可以在页面中添加PrefixFree以在更多情况下覆盖您,而不仅仅是边框半径,因为它会添加这些前缀以使您更安全。

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

behavior:url('pie.htc');

于 2015-08-19T10:13:32.377 回答