Question

我正在创建一个网站，并且想知道CSS属性“borderRadius”是否“可接受”。比如，是否应该期望每个人都有一个支持它的浏览器，或者它是否仍然不支持我不应该使用它？

Answer 1

现在是检查http://caniuse.com浏览器支持哪些内容以及哪些浏览器不支持的详细信息的好时机。此外，http://css3please.com将告诉您实施最广泛支持的正确方法。

从第一个网站，我们看到支持并不是那么糟糕，但我们需要为某些浏览器使用一些前缀。第二个站点为我们提供了以下实现：

.box_round {
  -webkit-border-radius: 12px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
          border-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, 
                                  iOS 4, Android 2.1+ */

  /* useful if you don't want a bg color from leaking outside the border: */
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding; 
          background-clip: padding-box;      
}

任何不理解它的浏览器都会忽略它，然后转到下一个规则。有了它，请确保不要以任何方式使用它，因为布局依赖于它的可用性。将其用作渐进增强，而不是必要的功能。

Answer 2

根据我的经验，不识别border-radius的浏览器会忽略它。因此，进行前瞻性思考并使用它符合您的最佳利益。较旧的浏览器只是显示默认的块角而不是圆角。

不要让旧浏览器中缺少该功能阻止您改善已升级其浏览器的用户体验。

“border-radius”可以接受吗？

2 个答案: