如何在右下角定位背景图像? (CSS)

时间:2011-10-11 16:56:07

标签: css background

我有一个500x500像素的图片,在我的网站上设置为背景图片(作为<body>的背景图片)但我需要将此图片放在网页的右下角。我怎样才能做到这一点? (用css方法更好)

谢谢。

4 个答案:

答案 0 :(得分:99)

瞧:

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

答案 1 :(得分:14)

更准确的定位:

      background-position: bottom 5px right 7px;

答案 2 :(得分:12)

这应该这样做:

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

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

答案 3 :(得分:7)

您尝试过类似的事情吗?

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