Multiplay Labs

tech hits and tips from Multiplay

How to fix body background images not displaying correctly in Chrome

without comments

It’s been one of the annoyances which has eluded me for quite a while now. When a page with a background image e.g. background-image: url( myimage.jpg) on the document body loads, sometimes it won’t display, or will partially display in Chrome. If you resize the window or browse full screen then your fine so it seems really random.

Well today I discovered a simple little work around, all you need is following in your css:

html { height: 100% }

Written by Dilbert

June 21st, 2010 at 8:58 pm

Posted in HTML & CSS

Leave a Reply

You must be logged in to post a comment.