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

Ilj*_*lja 48 css background

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

谢谢.

Rob*_*b W 101

瞧:

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*/
}
Run Code Online (Sandbox Code Playgroud)

背景属性可以在一个背景属性中组合在一起.另见:https://developer.mozilla.org/en/CSS/background-position

  • 我必须添加`background-attachment: fixed;` 才能正常工作 (2认同)

Art*_*hur 16

更准确的定位:

      background-position: bottom 5px right 7px;
Run Code Online (Sandbox Code Playgroud)

  • 很好地提供了关于通过像素相对于"对接点"微调背景图像对准的示例 (2认同)

小智 12

这应该这样做:

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

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


mar*_*rkt 7

你尝试过这样的事情:

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