Только применить правило CSS в Firefox

Question

Как я могу сделать margin-top : -5%;только в Firefox?

В этом коде:

#snap { 
    width: 100%; 
    overflow: hidden; 
    margin-top: -5%; // only apply in Firefox 
} 

Answer 1

Может быть, это работает. Это взлом для Firefox, который работал много лет назад. Не тестировали его с помощью последнего Firefox.

@-moz-document url-prefix() { 
     #snap { 
     margin-top: -5%; 
      } 
    } 

Источник: http://css-tricks.com/snippets/css/css-hacks-targeting-firefox/

Answer 2

Вы можете использовать @supports взломать его.

Позволяет обнаруживать родную функцию, подобную Modernizr, используя @supports

В приведенной ниже коде, margin-top: -50px будет применен к div, если -moz-transform: translate(0, 0) поддерживается в браузере.

div { 
 
    width: 100px; 
 
    height: 100px; 
 
    background: red; 
 
} 
 

 
@supports (-moz-transform: translate(0, 0)) { 
 
    div { 
 
    margin-top: -50px; 
 
    } 
 
}

<div></div>