Hey everyone,
Has anyone found the best html/css solution for creating a fluid background image on a website?
That's to say:
1. Background image to fill the screen no matter of the size of the screen
2. Keeping image size smaller so as to have fastest load time
3. cross-browser, cross-device (PCs, Mobile phones, etc), cross-resolution compatibility
4. Image keeps its proportions as it is resized to fill the display

Please discuss,
Loopster

Recommended Answers

What you could do is start with

background-size:cover;
-moz-background-size:cover;

and then find a workaround for IE <= 8.

Jump to Post

All 2 Replies

What you could do is start with

background-size:cover;
-moz-background-size:cover;

and then find a workaround for IE <= 8.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of 1.19 million developers, IT pros, digital marketers, and technology enthusiasts learning and sharing knowledge.