“边界半径”可以接受吗？

我正在制作一个网站，并想知道CSS属性“borderRadius”是否“可接受”。就像，预计每个人都有一个支持它的浏览器，还是不支持我不应该使用它？“边界半径”可以接受吗？

2012-05-20 Isaiah Bugarin

现在是检查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;  
}

任何浏览器不理解它会忽略它，并移动到下一个规则。有了这个，一定不要以任何方式使用它，你的布局依赖于它的可用性。使用它作为渐进增强，而不是一个必要的功能。

来源

2012-05-20 03:16:34 Sampson

尼斯链接+1 - http://caniuse.com/#feat=border-radius虽然它应该区别于你不应该使用的东西，因为你会看到错误，以及不支持但不会导致向后兼容性问题。 – jmort253

http://html5please.com/是另一个很好的资源 –

没有人会使用那些非常古老的WebKit浏览器来关注圆角。 – reisio

根据我的经验，不识别边界半径的浏览器只是忽略它。因此，对于前瞻性思维和使用它是符合您的最佳利益的。较老的浏览器只是简单地显示默认块角落而不是圆角。

不要让旧功能的浏览器缺乏这项功能，从而不能改善那些升级浏览器的用户体验。

来源

2012-05-20 03:17:52 jmort253

对，这是我用我的一个网站采取的方法。这是我的建议，除非有一些强烈的设计理由，为什么边界应该总是*四舍五入。作为附加提示，您可以通过在IE9中启用兼容模式来使圆形边框消失。 –

谢谢，我结束了使用我下载的行为脚本，以便它在IE6 +中工作。 –

不客气:)祝你好运！ – jmort253

“边界半径”可以接受吗？

回答

相关问题