Member Avatar for Loopster

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

  • 2 Contributors
  • 2 Replies
  • 97 Views
  • 9 Hours Discussion Span
  • Latest Post Latest Post by twiss
Member Avatar for twiss

What you could do is start with

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

and then find a workaround for IE <= 8.

Edited by twiss because: n/a
Be a part of the DaniWeb community

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