javascript - Bootstrap Header Logo Image Not Showing in Mozilla -
bare in mind i'm novice html , css. i've got logo in bootstrap header on website (www.prettyugly.co.nz)
i used follow code display , worked fine in chrome
.image { content: url("/img/logo-white.png"); }
then in html call css
<div class="image"></div>
i since learned have use :before command content work in firefox, can't work across board.
any ideas?
you should show image using (html):
<div><img src="/img/logo-white.png" /></div>
but if want set background
, should use (css):
.image { background-image: url("/img/logo-white.png"); width: 225px; height: 63px; /* dimensions of image */ }
Comments
Post a Comment