Css 是";“边界半径”;可以接受吗?

Css 是";“边界半径”;可以接受吗?,css,Css,我正在制作一个网站,想知道CSS属性“borderRadius”是否“可接受”。比如,应该期望每个人都有一个支持它的浏览器,还是我不应该使用它仍然太不受支持?现在是检查哪些浏览器支持它,哪些浏览器不支持它的时候了。此外,将告诉您实现它的正确方法,以获得最广泛的支持 从第一个站点,我们看到支持并没有那么糟糕,尽管我们需要为某些浏览器使用一些前缀。第二个站点为我们提供了以下实现: .box_round { -webkit-border-radius: 12px; /* Saf3-4, iOS 1

我正在制作一个网站,想知道CSS属性“borderRadius”是否“可接受”。比如,应该期望每个人都有一个支持它的浏览器,还是我不应该使用它仍然太不受支持?

现在是检查哪些浏览器支持它,哪些浏览器不支持它的时候了。此外,将告诉您实现它的正确方法,以获得最广泛的支持

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

.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;      
}

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

根据我的经验,不识别边界半径的浏览器只会忽略它。因此,前瞻性思考并利用它是你最大的利益所在。较旧的浏览器只会显示默认的块角,而不是圆角


不要因为旧浏览器中缺少该功能而妨碍您改善那些升级了浏览器的用户体验。

Nice link+1-尽管它应该与您不应该使用的东西有所区别,因为您会看到错误,还有一些不受支持但不会引起向后兼容性问题的东西。没有人会使用那些非常旧的WebKit浏览器,他们会关心圆角。对,这就是我对我的一个网站采取的方法。这也是我的建议,除非有很强的设计理由,为什么边界应该总是圆的。作为一个附加提示,您可以通过在IE9中启用兼容模式来消除圆角边框。谢谢,我最终使用了我下载的行为脚本,以便它在IE6+中工作。