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

Popular posts from this blog

javascript - Using jquery append to add option values into a select element not working -

Android soft keyboard reverts to default keyboard on orientation change -

Rendering JButton to get the JCheckBox behavior in a JTable by using images does not update my table -