0

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

错误的

由 imgur.com 主办

对

由 imgur.com 主办

我如何做到这一点？我试过background-position: bottom right;了，但都是错的。

4

4 回答 4

2 
background-position: right bottom;

应该做的伎俩。

参考：CSS background-position 属性

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

于 2010-01-15T20:10:38.917 回答
2

对我来说很好：

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

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

于 2010-01-15T20:20:22.360 回答
1

background-position: bottom right确实应该做你描述的。

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

于 2010-01-15T20:15:51.627 回答
0

也许你忘了

background-position: absolute
于 2010-01-15T23:04:56.953 回答