条件CSS仅适用于firefox

Question

我想在Mozilla Firefox中使用渐变背景

 background: -moz-linear-gradient(#C6991D, #F7D065) repeat scroll 0 0 transparent;

对于其他浏览器，我使用背景色喜欢

 background-color: #DFB542;

我只需要为firefox设置条件。我知道IE的条件

 <!--[if IE 6]>
     instructions for IE 6 here
 <![endif]-->

但不适用于Firefox。 Plz帮助我。

谢谢！

Answer 1

这不需要条件

background-color: #DFB542;
background: -moz-linear-gradient(#C6991D, #F7D065) repeat scroll 0 0 transparent;

因为-moz-本身是供应商特定的前缀，所以只有firefox读取它。它被其他浏览器忽略了。

在CSS中按此顺序放置，firefox将读取第一个声明，然后第二个将覆盖或级联在第一个声明。

在其他浏览器上，他们读取第一个声明，但忽略秒，因为他们不知道如何解析它。他们跳过超过第二个声明。

Answer 2

Firefox不理解条件评论，只有IE才能理解。所以 Firefox只会跳过<![if !IE 7]和<![endif]，因为无法识别 标签，但它渲染其余的。这意味着你不能使用内容 - 在这里揭示评论，只隐藏内容。

请参阅此post

Answer 3

你可以用javascript

来做

if(navigator.appCodeName=='Mozilla' || navigator.appCodeName=='Netscape'){
   document.write('<style type="text/css">');

   //document.write('your css code');

   document.wirite('</style>');
}