HTML と CSS で背景画像をナビゲーションバーとフッターの下に埋める方法がわかりません。ナビゲーションバーをスクロールすると、スペースは単なる空白スペースになります。上下にスペースなしでスクロールしたいのです。ありがとう!
リーリー リーリー
CSS と HTML のコードを変更してみましたが、結果は何も変わらないようでした。
あなたの質問に対するコメントで、背景画像を body に適用することを提案しましたが、この方法でどのように不透明度を適用するのか想像できません。 をページの先頭に移動してください。
body
BG 画像を タグに配置するのではなく、新しい要素を作成して配置する理由はわかりませんが、問題は、小さな画面では .background-container 要素の height:auto のサイズを設定します。
.background-container
height:auto
要素を作成し、その位置を固定して、高さ 100%、幅 100% に設定しました。画面サイズが小さく、height:auto を設定すると、要素内には何もないため、要素の高さは 0px になります。
0px
あなたの質問に対するコメントで、背景画像を
body
に適用することを提案しましたが、この方法でどのように不透明度を適用するのか想像できません。をページの先頭に移動してください。
BG 画像を
タグに配置するのではなく、新しい要素を作成して配置する理由はわかりませんが、問題は、小さな画面では
.background-container
要素のheight:auto
のサイズを設定します。要素を作成し、その位置を固定して、高さ 100%、幅 100% に設定しました。画面サイズが小さく、
height:auto
を設定すると、要素内には何もないため、要素の高さは0px
になります。