css - 仅在 css3 中显示元素？

Question

我正在创建一个 css3-heavy 网站，并希望为使用旧浏览器的人提供一些信息，以及内容的替代版本。我想知道我是否可以做类似的事情：

#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;
}

Answer 2

您可以使用IE 条件注释。像这样写：

<!--[if IE]>
  <style>
    #old {display:none;}
  </style>
<![endif]-->

更简短的阅读这个http://www.quirksmode.org/css/condcom.html