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

时间:2010-05-28 13:59:52

标签: css standards-compliance

IIRC的情况是,IE根本不支持圆角,但其他一些浏览器需要特定于浏览器的扩展......无论是FF还是网络工具包,我都不记得了。

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

3 个答案:

答案 0 :(得分:5)

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

要支持Gecko(Firefox)和WebKit(Safari,Chrome)中的圆角,您现在需要供应商扩展程序-moz-border-radius-webkit-border-radius。最终(当CSS3 Background and Borders到达推荐阶段时),这些浏览器也将支持简单的border-radius属性,但是现在它们没有,因为仍然存在一些问题需要通过确切的语法来解决对于特定的椭圆和多角。

-vendor-x扩展属性永远不会验证,这是一种耻辱,但CSS本身定义它们是无害的,因此您可以安全地忽略这些错误。

答案 1 :(得分:1)

我认为大多数浏览器不再需要特定扩展:只需使用border-radius,并确保将CSS验证为CSS3(而不是CSS 2.1,它是W3C验证器的默认值)。

答案 2 :(得分:0)

无效的HTML / CSS不是IE6等浏览器中页面中断的原因,因为它们不符合标准。

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