如何在窗口调整大小中居背景图像

Question

我正在尝试使用CSS的背景图像和位置在我的主页上放置一个图像以更改其偏移量。

问题是，当我调整浏览器大小时，图像将保持静态并且不会相应地移动

怎样才能实现？

感谢

Answer 1

使用百分比：background-position: 50% 50%将居中背景图片。

Answer 2

要做的一些变体：

background: url(../images/bodyBG2.gif) center center no-repeat;

或

background: url(../images/bodyBG2.gif) 50% 50% no-repeat;

或

background-image: url(../images/bodyBG2.gif);
background-repeat: no-repeat;
background-position: 50% 50%;

如果您需要将背景垂直放置到某个点（例如，距离页面顶部150个像素），请更改代码：

background: url(../images/bodyBG2.gif) 50% 150px no-repeat;