是否仅在css3中显示元素?

是否仅在css3中显示元素?,css,Css,我正在创建一个以css3为主的网站,希望为使用旧浏览器以及内容替代版本的用户提供一些信息。我想知道我是否可以这样做: #old {display:-webkit-none;} #new {display:none; display:-webkit-block;} 因此#旧div将仅在不兼容css3的浏览器中可见。您可以使用IE条件注释。这样写: <!--[if IE]> <style> #old {display:none;} </style>

我正在创建一个以css3为主的网站,希望为使用旧浏览器以及内容替代版本的用户提供一些信息。我想知道我是否可以这样做:

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

因此#旧div将仅在不兼容css3的浏览器中可见。

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

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


要获得更简短的内容,请阅读此

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

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


要了解更多信息,请阅读此

嗯,每个浏览器的CSS3兼容性都不同。它不像一些浏览器支持CSS3,而有些浏览器不支持CSS3那样是黑白相间的。大多数浏览器至少实现了CSS3的一些功能,但有些比其他浏览器更多,而且我敢肯定没有一款浏览器支持CSS3的所有功能。您可以检查哪些浏览器支持以下功能:

根据浏览器支持的CSS3功能,可以使用Modernizer使用不同的样式

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

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

那么,CSS3的兼容性在每个浏览器中都是不同的。它不像一些浏览器支持CSS3,而有些浏览器不支持CSS3那样是黑白相间的。大多数浏览器至少实现了CSS3的一些功能,但有些比其他浏览器更多,而且我敢肯定没有一款浏览器支持CSS3的所有功能。您可以检查哪些浏览器支持以下功能:

根据浏览器支持的CSS3功能,可以使用Modernizer使用不同的样式

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

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

我认为你需要将CSS代码包装在样式标签周围,我很确定你不能直接在CSS中使用IE条件注释。我认为你需要将CSS代码包装在样式标签周围,我很确定你不能直接在CSS中使用IE条件注释。除了webkit浏览器之外,没有浏览器使用webkit前缀,因此你删除了Firefox和Opera,尽管它们可能支持相同的CSS3属性。除了webkit浏览器之外,没有浏览器使用webkit前缀,因此你删除了Firefox和Opera,即使它们支持相同的CSS3属性可能支持相同的CSS3属性。