View Full Version : Resize Background Image
11-09-2008, 06:58 PM
Is there a way to have the image of the background resize to the size of the window?
11-10-2008, 08:14 AM
There is no reliable method in CSS as of now, however you could fake it by applying z-index on a normal img element. see http://webdesign.about.com/od/css3/f/blfaqbgsize.htm
11-10-2008, 11:36 AM
Hi there Bradj47,
and a warm welcome to these forums. ;)
Further to what our friend abduraooft has said..
The css 3 'background-size' property (http://www.w3.org/TR/2002/WD-css3-background-20020802/#background-size)
...has been adopted by Opera, Safari and Konqueror browsers.
I would hazard a guess that Firefox won't be far behind and IE well....don't hold your breath. ;)
Here is an example for you to try in the above mentioned browsers..
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">
-o-background-size:100% 100%; /* Opera */
-webkit-background-size:100% 100%; /* Safari */
-khtml-background-size:100% 100%; /* Konqueror */
Powered by vBulletin® Version 4.2.2 Copyright © 2017 vBulletin Solutions, Inc. All rights reserved.