CSS: stretching background image to 100% width and height of screen?

by

You need to set the height of html to 100%

body {
    background-image:url("../images/myImage.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
html {
    height: 100%
}

http://jsfiddle.net/8XUjP/

More Related Contents:

  1. When to use IMG vs. CSS background-image?
  2. Fill SVG path element with a background-image
  3. Can I set an opacity only to the background image of a div?
  4. CSS Display an Image Resized and Cropped
  5. CSS set background-image by data-image attr
  6. Fit background image to div
  7. Fullscreen responsive background image in CSS
  8. How to change SVG color when it is an encoded CSS background image?
  9. How to add a background image on top of a previous background image?
  10. How to completely remove borders from HTML table
  11. How do I stretch a background image to cover the entire HTML element?
  12. Can I use an image from my local file system as background in HTML? [duplicate]
  13. My Website is Mirror-flipped on iPhone Devices
  14. Thick underline behind text
  15. Favicon not showing up in Google Chrome [duplicate]
  16. Apply CSS styles to an element depending on its child elements [duplicate]
  17. Space between nowrap inline blocks [duplicate]
  18. Difference between Width:100% and width:100vw?
  19. CSS background image alt attribute
  20. How do I remove the blue styling of telephone numbers on iPhone/iOS?
  21. Font Rendering / Line-Height Issue on Mac/PC (outside of element)
  22. How do I justify a horizontal list?
  23. Bootstrap right Column on top on mobile view
  24. How to display a range input slider vertically
  25. CSS3 border-radius clipping issues
  26. CSS transform origin issue on svg sub-element
  27. transition for background-image in firefox?
  28. CSS Layout 2-Column fixed-fluid [closed]
  29. Create a Reverse Clip-Path – CSS or SVG
  30. Link external CSS file only for specific Div [duplicate]

Leave a Comment