条件CSS仅适用于firefox

Question

I want to use gradient for background in Mozilla Firefox Like

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

And for other browsers im using background-color Like

 background-color: #DFB542;

I need to put condition only for firefox. I know the condition for IE

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

But not for firefox. Plz help me.

Thanks!

Answer 1

this does not need conditionals

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

since -moz- is a vendor-specific prefix by itself, only firefox reads it. it' ignored by other browsers.

placing it in this order in your CSS, firefox will read the first declaration and then the second will override or cascade over the first.

on other browsers, they read the first declaration but ignore the seconds since they don't know how to parse it. they skip over the second declaration.

Answer 2

Firefox doesn't understand conditional comments, only IE does. So Firefox simply skips on <![if !IE 7] and <![endif] as unrecognized tags but it render the rest. It means that you cannot use content- revealing comments here, only content-hiding ones.

See this post

Answer 3

You can do it with javascript

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

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

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