是否仅在css3中显示元素?
我正在创建一个以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>
#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属性。