1600x1200 の画像があります
サイトの背景画像として使用したいと考えています。画像は静的である必要があり、コンテンツのみがスクロール可能である必要があります。
これは私が試したことです:
background-image: url('blog-baggrund2.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
問題はbackground-size: cover;
、画像全体が表示されないようにbackground-size: contain;
拡大し、画面全体に収まらないように最小化することです(少なくとも幅-高さは完璧です)
私自身の画面解像度は 1600x900 です
jsFiddle:
画像の下部にある「黒い」ものはすべて表示されていないことに注意してください。
助言がありますか?