如何将背景图片放置在右下角？ （CSS）

Question

我有一个 500x500 像素的图像，在我的网站上设置为背景图像（作为 的背景图像），但我需要将此图像位于网页的右下角。我怎样才能实现这个目标？ （用CSS方法更好）

谢谢。

Answer 1

瞧：

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*/
}

背景属性可以组合在一起，形成一个背景属性。
另请参阅：https://developer.mozilla.org/en/CSS/background-position< /a>

Answer 2

为了更精确的定位：

background-position: bottom 5px right 7px;

Answer 3

这应该可以做到：

<style>
body {
    background:url(bg.jpg) fixed no-repeat bottom right;
}
</style>

http://www.w3schools.com/cssref/pr_background-position.asp

Answer 4

你有没有尝试过类似的事情：

body {background: url('[url to your image]') no-repeat right bottom;}