html - @-moz-document not working -


in end, want firefox , chrome display same way. on chrome i've noticed float: left breaks site works on ff. however, if put float:none chrome displays broken on ff.

i have tried @-moz-document url-prefix() {.attempt{float:left}} appears not working. i've tried @document url() {.attempt{float:left}} doesn't either.

any appreciated.

<style>   @-moz-document url-prefix() {     .attempt {       float:left     }   }   .attempt {     float:none   } </style>  <div class="attempt">sometext</div> 

also it has been asked before no answer.

on surface seem because @-moz-document appears before float:none rule — overridden regardless. presence of conditional at-rule not change how cascade works; common gotcha @media rules , applies @-moz-document.

you want move bottom override previous rule in firefox:

<style>   .attempt {     float:none   }   @-moz-document url-prefix() {     .attempt {       float:left     }   } </style>  <div class="attempt">sometext</div> 

Comments

Popular posts from this blog

java - Custom OutputStreamAppender not run: LOGBACK: No context given for <MYAPPENDER> -

java - UML - How would you draw a try catch in a sequence diagram? -

c++ - No viable overloaded operator for references a map -