完全な背景画像をリンク先ページとして表示しようとしていますが、ユーザーがスクロールするとコンテンツが表示されますが、ブラウザの解像度に応じて背景画像の下端が切り取られます。1ページレイアウトで背景イメージの高さを表示する方法は?
私がしようとしている:
https://codepen.io/suez/full/wulBv/
あなたがアイアンマンとの最初の画像の底部が切断されていることがわかります。ここでは
background-attachment: fixed;
background-size: cover;
は、問題を示していますcodepenです。ここには完全な画像(https://i.imgur.com/PbV1Grl.jpg)があります。
イメージの高さ全体を表示する方法はありますか?あなたがそれを見るためにさらにスクロールする必要がある場合でも?
これは歪みます画像(すなわち、その幅/高さの比率) – Johannes