css - CSS body Background コンテンツに合わせて中央揃え

Question

背景画像をボディの中央に配置したい(backgroundPosition)。そして、ページに追加するすべてのコンテンツ (テキスト、表など) を背景に合わせて配置します。たとえば、ページをズームすると、背景とコンテンツの比率が尊重されます。

私はほとんどすべてを試しましたが、可能かどうかわかりません。背景の位置に左上の位置を使用してから、float:left の比率のコンテンツが尊重されるかどうかはわかっていますが、背景を中央に配置したい場合は?

Answer 1

CSS で:

background-position:center center;

それはそれをカットしていませんか？テストページをどこかに置いていただけないでしょうか？

Answer 2

残念ながら、ページの拡大縮小に合わせて背景画像を移動するには、javascript を使用する必要があります。

JavaScript を使用できる場合は、ブラウザ ウィンドウの寸法を取得し、中心点を計算して、それに応じて背景を配置することができます。

Answer 3

あなたがすることができます：

background:url(path-here) center center;