Условный CSS Только для Firefox

Question

Я хочу использовать градиент для фона в Mozilla Firefox Like

 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. Пожалуйста, помогите мне.

Спасибо!

Answer 1

это не требует условных выражений

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

, поскольку -moz- является префиксом, зависящим от поставщика, его читает только firefox.это игнорируется другими браузерами.

Поместив его в таком порядке в вашем CSS, Firefox прочитает первое объявление, а затем второе переопределит или каскад над первым.

в других браузерах, онипрочитайте первое объявление, но игнорируйте секунды, так как они не знают, как его анализировать.они пропускают поверх второго объявления.

Answer 2

Вы можете сделать это с помощью JavaScript

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

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

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

Answer 3

Firefox не понимает условных комментариев, только IE понимает.Таким образом, Firefox просто пропускает <![if !IE 7] и <![endif] как нераспознанные теги, но делает остальные.Это означает, что вы не можете использовать раскрывающие содержание комментарии, только скрывающие содержание.

См. Эту запись