Home/ Questions/Q 4036078
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T12:10:43+00:00

I have a large image I would like as my background, but for some

  • 0

I have a large image I would like as my background, but for some reason it repeats a little bit on my large screen. Is there a way I can just have the image size up or down according to screen size?

EDIT: So I have changed my HTML to look like this:

<body id="wrapper">
   <div id="body">
       <img src="/images/sky2.jpg" class="stretch" alt="" />
  </div>

and my CSS to this:

#body {
   width: 100%; 
   height: 100%; 
   position: absolute; 
   left: 0px; 
   top: 0px; 
   z-index: 0;
  }

.stretch {
width:100%;
 height:100%;
}

And the background won’t show on preview. I have 3 other div elements that show but only to a white background =/.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
    #img.source-image {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
}

    Demo page:
    http://css-tricks.com/examples/ImageToBackgroundImage/

    Source:
    http://css-tricks.com/how-to-resizeable-background-image/

    I think it’s worth to read that page 🙂

    • 0