css - 仅在 css3 中显示元素？

Question

我正在创建一个大量使用 css3 的网站，并希望向使用旧版浏览器的用户传达一些信息，以及内容的替代版本。我想知道我是否可以做类似的事情:

#old {display:-webkit-none;}
#new {display:none; display:-webkit-block;}

这样#old div 将只在非 css3 兼容的浏览器中可见。

Answer 1

嗯，CSS3 兼容性在每个浏览器中是不同的。它不是像某些浏览器支持 CSS3 而有些不支持这样的非黑即白的东西。大多数浏览器至少实现了 CSS3 的某些功能，但有些比其他浏览器更多，而且我很确定没有一个浏览器支持 CSS3 的所有功能。您可以检查哪些浏览器支持哪些功能，如下所示: http://caniuse.com/

您可以使用 Modernizr http://modernizr.com/根据浏览器支持的 CSS3 功能使用不同的样式。

例如，如果您想在不支持边框半径的浏览器上显示消息:

.no-borderradius #old
{
    display: block;
}