Cross-Browser CSS solution for fixed, stretched to height background image

css background height fixed stretched
Adrian M. picture Adrian M. · Mar 11, 2012 · Viewed 8.9k times · Source

Possible Duplicate:
Stretch and Scale CSS Background

I am looking for a way to have a background with the following properties: - be fixed - stretch proportionally to window height - cross-browser or at least solutions for all browsers.. (IE especially)

I have searched everywhere but I can't seem to find something to truly work..

Thank you.

Answer

Joseph picture Joseph · Mar 12, 2012

reviving the horse? :D anyways, this can't be done by plain CSS.. or can it?

there's what they call background-size:cover in CSS3 (CSS3 is synonymous to "drop that old browser"). otherwise, i'd go for the JS solutions for the sake of older browsers.

here's a demo in w3schools (not a good reference but at least it has a demo)

Related questions

How to get div height to auto-adjust to background size?

How do I get a div to automatically adjust to the size of the background I set for it without setting a specific height (or min-height) for it?

Read More
Div css background-image not showing 100% height

I don't know why this css is working when I use a backgroung-image on the body tag set to 100% height but it is not showing full height (only showing screen height) when I use it on a div Here is …

Read More
Stretch and scale a CSS image in the background - with CSS only

I want that my background image stretch and scale depending on the browser viewport size. I've seen some questions on Stack Overflow that do the job, like Stretch and scale CSS background for example. It works well, but I want …

Read More