"border-radius"可以接受吗？

Question

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

Answer 1

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

\n\n

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

\n\n

.box_round {\n  -webkit-border-radius: 12px; /* Saf3-4, iOS 1-3.2, Android \xe2\x89\xa41.6 */\n          border-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, \n                                  iOS 4, Android 2.1+ */\n\n  /* useful if you don\'t want a bg color from leaking outside the border: */\n  -webkit-background-clip: padding-box;\n     -moz-background-clip: padding; \n          background-clip: padding-box;      \n}\n

\n\n

任何不理解它的浏览器都会忽略它，并继续执行下一个规则。因此，请确保不要以任何布局依赖于它的可用性的方式使用它。将其用作渐进增强功能，而不是必要功能。

\n