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

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/

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 add a background image on top of a previous background image?
  9. How to completely remove borders from HTML table
  10. Can I use an image from my local file system as background in HTML? [duplicate]
  11. Why does this CSS margin-top style not work?
  12. Flexbox code working on all browsers except Safari. Why?
  13. CSS when inline-block elements line-break, parent wrapper does not fit new width
  14. How to vertically align text inside a flexbox?
  15. Last margin / padding collapsing in flexbox / grid layout
  16. Styling part of the OPTION text
  17. How do I disable the resizable property of a textarea?
  18. set content height 100% jquery mobile
  19. How do you get centered content using Twitter Bootstrap?
  20. How can you customize the numbers in an ordered list?
  21. Border length smaller than div width?
  22. Make div (height) occupy parent remaining height
  23. flex container min-height ignored in IE
  24. Using custom HTML Tags
  25. Outline radius?
  26. Imitating a blink tag with CSS3 animations
  27. How do I make an editable DIV look like a text field?
  28. 100% Min Height CSS layout
  29. Bootstrap 4 row fill remaining height
  30. How is Github Changing Pages and the URL so smoothly without AJAX?
  31. CSS image resize issue
  32. Jenkins – HTML Publisher Plugin – No CSS is displayed when report is viewed in Jenkins Server
  33. HTML: Changing colors of specific words in a string of text
  34. How to make Bootstrap 4 cards the same height in card-columns?
  35. HTML + CSS: Ordered List without the Period?
  36. Why is the parent div height zero when it has floated children
  37. Get rid of space underneath inline-block image [duplicate]
  38. Make row stretch across all columns in CSS Grid
  39. 5 images symmetrically seperated with diagonal lines
  40. Stretching tag to fill entire
  41. How does the z-index property really work?
  42. CSS grid wrapping
  43. How to align flexbox columns left and right?
  44. Why does the ‘title’ attribute cause browsers to ignore my styles?
  45. Is it possible to set a background in a bootstrap column that oversizes the div? [duplicate]
  46. Apply css to AREA MAP
  47. Jenkins Content Security Policy
  48. What is haslayout?
  49. How can I make a div with irregular shapes with css3 and html5?
  50. Multiple submit buttons on HTML form – designate one button as default [duplicate]

Leave a Comment