CSS3 规范在主要浏览器中部分实现,您可以用更少的代码获得非常好的结果,但有很多理由不使用 CSS3。例如不向下兼容,在不同浏览器上可能不相似的渲染视图等。
所以我问自己:什么是使用 CSS3 的最佳方式,可以选择拦截默认问题,就像我上面描述的那样?
只要您的网站优雅地降级,现在使用 CSS3 就没有任何问题。毕竟,如果浏览器不理解特定的 CSS 规则,它会忽略它:
#foo {
border:1px solid #000; /* shown by all browsers */
border-radius:5px; /* shown if browser understands border-radius */
-moz-border-radius:5px; /* Firefox only */
-webkit-border-radius:5px; /* Safari and Google Chrome */
}
只要该站点在不支持您要使用的 CSS3 规则的浏览器中看起来没有损坏,那么您应该可以在支持它们的浏览器中逐步增强您的站点。
您可能会发现“我什么时候可以使用...”有助于查看您可以合理使用哪些功能。