CSS body背景居中與內容對齊

Question

我想在背景中放置一個背景圖片（backgroundPosition）。然後我想要所有的內容（文本，表格......），我將添加到頁面以與背景對齊，例如，如果我放大頁面，則應該遵守背景內容的比例。

我嘗試了幾乎所有的東西，我不知道它是否可能，我知道如果我使用位置左上角的背景位置，然後浮動內容：左比例將被尊重，但如果我想要背景居中？

Answer 1

不幸的是，當您縮放頁面時背景圖片會移動，您必須使用javascript。

如果javascript是您的選項，您將能夠獲得瀏覽器窗口的尺寸，並計算中心點並相應地定位背景。

Answer 2

在CSS：

background-position:center center; 

那不是切割呢？也許你可以在某處放置一個測試頁面？

Answer 3

你可以這樣做：

background:url(path-here) center center;