How to position background image in bottom right corner? (CSS) [duplicate]
Voilà:
body {
background-color: #000; /*Default bg, similar to the background's base color*/
background-image: url("bg.png");
background-position: right bottom; /*Positioning*/
background-repeat: no-repeat; /*Prevent showing multiple background images*/
}
The background properties can be combined together, in one background property. See also: https://developer.mozilla.org/en/CSS/background-position
for more exactly positioning:
background-position: bottom 5px right 7px;
This should do it:
<style>
body {
background:url(bg.jpg) fixed no-repeat bottom right;
}
</style>
http://www.w3schools.com/cssref/pr_background-position.asp
Did you try something like:
body {background: url('[url to your image]') no-repeat right bottom;}