Question

I’m creating a one page website with an image that covers the entire background (and stretches proportionally with the window). For this I’m using a “background-size: cover;”

Now, when I’m resizing the window to the smallest size it let’s me, the background image seems to anchor to the default top left corner.

Is there any way for me to change the anchoring location to top right?

Answer 1

try change your css code to be like this:

body
{
   background:#ffffff url('img_tree.png') no-repeat right top;
   margin-right:200px;
}

Here the demo: http://www.w3schools.com/css/tryit.asp?filename=trycss_background_shorthand