css - ボディ背景CSS固定

Question

体に真ん中固定の背景をつけたい。

そのため、ウィンドウを縮小しても、右側が切り取られず、左側が静的に保たれることはありません。左右同時にカットしたい。

この例のようにしたい: www.everythingisnew.pt

その Web サイトでは、両側から同時に背景がウィンドウに「食い込まれている」ことがはっきりとわかります。

その背後にあるcssは何ですか？

Answer 1

要素の CSSで次を指定background-position: centerします。body

body {
    background: url('your/background/src.png') no-repeat fixed center
}

Answer 2

これで問題が解決する場合があります

background-image: url(src.jpg);
background-repeat: no-repeat;
background-position: fixed center;
background-size: cover;