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 i m 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.