0

ですから、私はそれ自体でうまくいく2つのことをしようとしていますが、それらを統合するのに苦労しています。まず、サイトへのリンクは次のとおりです：http: //ericbrockmanwebsites.com/dev4

を使用してフルスクリーンの背景画像を作成します

html {
  min-height:100%;
  background-size: cover;
  background-image: url(images/bg.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
}

コンテンツがない場合でも、ページの下部にとどまるフッターを作成します。これには通常、次のようなものが必要です。

html {
  height:100%;
}

body {
  height:100%;
}

.container {
  min-height:100%;
}

#footer {
  clear:both;
  position:relative;
}

問題は、フッターを下部に保持するために、html / bodyの高さを100％で定義する必要があることですが、min-height値を使用して定義しない限り、背景画像は画面をそのままカバーします。負荷。つまり、下にスクロールする必要がある場合、背景画像は画面の下部が読み込まれた場所までしか下がらないということです。

私はこれを数時間試しましたが、解決策を見つけることができないようです。明らかな何かが欠けていますか？

4

1 に答える 1

1

まず、相互に排他的ではありませんheight。min-height両方を使用できない理由はありません。ページが空き容量より長い場合の背景スクロールについては、試してみましたbackground-attachment: fixedか？

于 2013-03-12T23:49:05.980 に答える