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>
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
Post a Comment