CODEWITHSUNDEEP
htmlcssimage
Troy Cosentino
Troy Cosentino

Reputation: 4778

making background image "grow" from bottom left when sizing window

This is a little tricky to explain what is happening.

http://easyuniv.com/staging/gonzaga/

If you go to my site above, you can see how the background image moves around when the window is shrunk and expanded horizontally. I am hoping to make it so that the bottom left corner of the image is fixed in the bottom left corner of the window regardless of the window size, and then if it is wider, it will show more of the image. How can i accomplish this? I have tried a lot of different variations of settings

Upvotes: 0

Views: 376

Answers (1)

Joseph Silber
Joseph Silber

Reputation: 219936

Set your background position to left bottom:

html {
    background-position: left bottom;
}

Alternatively, just use the shorthand property to combine it with your background-image statement:

html {
    background: url("img/background_image.png") no-repeat left bottom;
}

Upvotes: 1

Related Questions