CSS：background-position：???;

Question

希望这些图解释我所追求的目标。红色表示背景，灰色表示网页。

错误

右

我如何实现这一目标？我试过了background-position: bottom right;，但这一切都错了。

Answer 1

background-position: right bottom; 

应该这样做。

参考：CSS background-position Property

  

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

Answer 2

对我来说很好：

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

如果图片足够大，则不需要重复。 （甚至可以在IE6中使用）。

Answer 3

background-position: bottom right应该按照你的描述做。

如果您希望图像粘贴在视口的右下角而不是文档上，则必须添加background-attachment: fixed。在IE中存在这方面的问题，但是当在主体/ html背景上使用时它很好。

Answer 4

也许你忘记了

background-position: absolute