css - 是否可以使用 CSS 圆角并仍然通过验证？

Question

IIRC 的情况是 IE 根本不支持圆角，但其他一些浏览器需要特定于浏览器的扩展...... FF 或 web-kit，我不记得了。

我很乐意在某些情况下使用它并让 IE 回退到方角，但确实使用浏览器扩展 CSS 中断验证...我非常喜欢让我的网站验证并在 IE6 上工作。

Answer 1

border-radius将针对 CSS3 进行验证，并将在 IE9 和 Opera 9.5+ 中工作。

要在 Gecko (Firefox) 和 WebKit (Safari, Chrome) 中支持圆角，您现在需要供应商-moz-border-radius扩展-webkit-border-radius。最终（在CSS3 背景和边框达到推荐阶段的某个时间），这些浏览器也将支持 simpleborder-radius属性，但目前它们不支持，因为对于特定椭圆和多个角的确切语法仍有一些问题需要解决.

扩展属性永远不会验证，这-vendor-x很遗憾，但它们由 CSS 本身定义为无害的，因此您可以放心地忽略这些错误。

Answer 2

我认为大多数浏览器不再需要特定的扩展：只需使用border-radius，并确保您将 CSS 验证为 CSS3（而不是 CSS 2.1，这是 W3C 验证器的默认值）。

Answer 3

无效的 HTML/CSS 不是页面在 IE6 等浏览器中中断的原因，而是因为它们不遵循标准。

IMO，如果您使用 CSS 属性进行渐进增强，验证是没有意义的。如果页面的其余部分有效，则添加边框半径（包括特定于供应商的属性）不会在其他浏览器中中断，它们只是忽略该属性。