我有一个500x500像素的图片,在我的网站上设置为背景图片(作为<body>
的背景图片)但我需要将此图片放在网页的右下角。我怎样才能做到这一点? (用css方法更好)
谢谢。
答案 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>
答案 3 :(得分:7)
您尝试过类似的事情吗?
body {background: url('[url to your image]') no-repeat right bottom;}