CSS: 背景位置: ???;

Question

希望这些图能够解释我所追求的内容。红色表示背景，灰色表示网页。

错误

正确

我该如何实现这一目标？我已经尝试过 background-position: Bottom right; 但它完全错误。

Answer 1

对我来说效果很好：

body
{ 
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:bottom right; 
}

如果图片足够大，则不需要重复。 （甚至在 IE6 中也能工作）。

Answer 2

background-position: right bottom; 

应该可以解决问题。

参考：CSS background-position 属性

xpos ypos - 第一个值是水平位置，第二个值是垂直位置。左上角为 0 0。单位可以是像素 (0px 0px) 或任何其他 CSS 单位。如果仅指定一个值，则另一值为 50%。您可以混合%和位置

Answer 3

背景位置：右下角确实应该做您描述的事情。

如果您希望图像坚持使用 viewport 而不是文档的右下方，则必须添加background-atchment：fixed。 IE中存在问题，但是当在主体/HTML背景上使用时，这很好。

Answer 4

也许你忘了

background-position: absolute