在CSS3规范在部分实施的主要浏览器,你会得到用更少的代码很不错的结果,但也有很多理由不使用CSS3。例如。上不同的浏览器不兼容向下,可能不相似renderd视图,等等。

所以我问自己:这是无论如何使用CSS3与选项默认拦截的问题,就像我上面discribed最好的办法

有帮助吗?

解决方案

只要你的网站缓慢下降没有什么错,现在使用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的规则浏览器打破你应该确定的逐步增强您的网站在浏览器中那些支持他们。

其他提示

您可能会发现“我什么时候可以使用...” 以看到有用的哪些功能可以合理地使用。

如果您制作一个公共网站,那么你必须支持IE6,这意味着没有CSS 2.1,更不用说3。

有一两件事你可以尝试是: lesscss

这将让你使用速记CSS符号和“编译”这对建立有效的CSS。

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top