CSS body背景居中与内容对齐

我想在背景中放置一个背景图片（backgroundPosition）。然后我想要所有的内容（文本，表格......），我将添加到页面以与背景对齐，例如，如果我放大页面，则应该遵守背景内容的比例。CSS body背景居中与内容对齐

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

2010-04-20 salsanz

我已经心我的背景，问题是如何添加内容页面的方式，内容不动视浏览器，变焦...等。例如，如果我有一个表格中的单元格（来自背景），我希望比例保持不变。如果我放大，我希望图像保持在这个单元格内。为背景位置左上角，比例是尊重，但我无法找到一种方法来做同样的背景居中 – salsanz 2010-04-20 14:37:58

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

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

来源

2010-04-20 14:23:52

在CSS：

background-position:center center;

那不是切割呢？也许你可以在某处放置一个测试页面？

来源

2010-04-20 14:25:55 Chris

你可以这样做：

background:url(path-here) center center;

来源

2010-04-20 14:27:41 Sarfraz

CSS body背景居中与内容对齐

回答

相关问题