目前,我编码时使用:
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
但根据我的测试,它与任何现代浏览器(Chrome 33 +,opera 25+,safari 8+)没有任何区别。 Internet Explorer 8不支持此属性,但供应商前缀不会产生任何差异。
有没有理由保留它们?
答案 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');