如何在底部右侧定位背景图像？（CSS）

Question

如何在底部右侧定位背景图像？（CSS）

cssbackground

66

我有一张500x500像素的图片，它被设置为我的网站的背景图片（作为<body>的背景图像）。但是我需要将这张图片放在网页的右下角。如何实现这一目标？（最好使用CSS方法）

谢谢。

- Ilja

4个回答

24

更精确地定位：

      background-position: bottom 5px right 7px;

- Arthur Tsidkilov

3

感谢您提供示例，演示如何通过像素微调背景图像对“停靠点”的对齐方式。 - Dimitry K

1

这是一种更灵活的方法。干得好。 - Usman Ahmed

13

这应该就可以了：

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

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

- user873578

8

您是否尝试过类似以下的操作：

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

- markt

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Rob W · Accepted Answer

这就是：

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