我刚刚注意到 Stack Overflow 仅使用 Firefox 的 CSS 来圆化首页上用户徽章的角落。这是一个有趣的想法，但仅使用 Firefox 的 CSS 会有哪些缺陷和优势（除了那些明显的 CSS）？
-moz-border-radius:6px;
-webkit-border-radius:6px;
上图：用于在 Stack Overflow 首页上圆角的 CSS。
【问题讨论】：
标签： css firefox rounded-corners
在我看来，主要问题是您的 css 无法验证。除此之外，我认为没有理由不使用此类平台特定功能，因为它们不会对浏览器不支持这些功能的用户造成任何伤害。
【讨论】：
优点是它比使用角落图像或其他技巧要容易得多。明显的缺点是您的页面无法在 IE 上按预期呈现，全球一半以上的网络用户仍在使用该网页。
总体而言，它是情境性的；我想 SO 使用 Firefox 的人比例比平时要高，所以 IE 问题不那么相关。圆角是一个小的视觉改进，所以如果有些人看到而有些人没有看到，这没什么大不了的。
【讨论】：
我同意BeefTurkey。
我什至可以更进一步，将其称为Progressive Enhancement with CSS 的案例。借用Understanding Progressive Enhancement 的大量信息，我认为圆角是巧克力花生周围彩色糖果涂层的一部分。
最终 CSS3 将被批准，border-radius 将被标准化。 -moz、-webkit 和 -ms 前缀样式可以删除并替换为它们的标准等效项。您的 CSS 将通过验证，使用不支持 CSS3 的浏览器的用户仍然拥有完全可接受的体验，而使用支持 CSS3 的浏览器的用户将获得增强体验。
或者，除了任何标准之外，您还可以继续使用专有的 CSS，从而为更多的受众提供增强的体验。这实际上取决于维护所有 CSS 所需的工作量以及您认为增强体验对您的观众的重要性。
【讨论】：
它适用于 Firefox 和基于 Webkit 的浏览器（尤其是 Safari 和 Chrome）。 IE 或 Opera 没有替代品。
使用它的主要原因是当您想为显示在图案或不可预测背景之上的元素赋予圆角时，否则这是不可能的。普通的 CSS 和图像可以处理其他情况。
它也非常容易实施，并且肯定适用于该网站上超过一半的人。
【讨论】：
缺点当然是其他浏览器不支持，W3C 规范也不支持。
当前的实现很糟糕（在 firefox 和 webkit 中），因为它们不共享语法。
【讨论】：