css - CSS body 背景居中与内容对齐

Question

我想将背景图像放在主体（backgroundPosition）的中心。然后我希望我将添加到页面的所有内容（文本、表格....）与背景对齐，例如，如果我缩放页面，则应遵守背景内容的比例。

我几乎尝试了所有东西，但我不知道它是否可能，我知道我是否使用左上角作为背景位置，然后浮动内容：左比例将受到尊重，但如果我想要背景居中？

Answer 1

在 CSS 中：

background-position:center center;

那不是剪了吗？也许您可以在某个地方放置一个测试页？

Answer 2

你可以这样做：

background:url(path-here) center center;

Answer 3

不幸的是，当您缩放页面时，背景图像会移动，您必须使用 javascript。

如果您可以选择 javascript，您将能够获取浏览器窗口的尺寸，并计算中心点并相应地定位背景。