Connect with us

Hi, what are you looking for?

Blogging

SOLUTION: CSS Background Image Not Displaying in Mozilla FireFox

From previous experiences, I am aware of the fact that new WordPress themes come with new bugs. However, I was not quite prepared for this last one; my background image appeared fine in Internet Explorer but went missing in FireFox.

Rather than spend the whole day trying to explain the (sometimes) complicated and erroneous suggestions I was given by some so-called experts, I will go straight to the point with a simple solution which can be implemented by making a little addition to your Style-sheet code. Shhh!


Old Code

#bodythingie

{

background: transparent url(“images/body-image.png”) repeat center top;
}

New Code

#bodythingie

{

background: transparent url(“images/body-image.png”) repeat center top; display:table; width:100%;

}

Spot the difference? Yes, you are right! –> display:table; width:100%;

Written By

Thanks for reading this article. If you're new here, why don't you subscribe for regular updates via RSS feed or via email. You can also subscribe by following @techsling on Twitter or becoming our fan on Facebook. Thanks for visiting!

1 Comment

1 Comment

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

You May Also Like