Google Chrome を使用して、次のように HTML タグに CSS Background プロパティを配置している Web サイトを見たことがあります。
html { background: #eee url('../img/bg.jpg') center center repeat fixed; }
それをしてもいいですか、それとも体内に入れるべきですか?
どちらに背景を配置しても問題ありません。どちらも同じように機能しますが、落とし穴があります。
背景BODY
のみを配置すると、ページにコンテンツがなくても、背景は画面の高さ全体に広がりますが、 と の両方に配置するHTML
とBODY
、背景はそのBODY
中のコンテンツと同じ高さになります。 、ちょうど同じようにDIV
。
不要なDIV
ラッパーが不要になるため、2 つの背景画像が必要な場合は両方で背景を使用することがよくあります。
lea.verou.meで html タグにつけます。彼女にとってそれで十分なら、あなたにとってもそれで十分です。;)
あなたもそこに投げたいかもしれませんheight: 100%;
。
body
タグにページ全体の背景画像を配置することをお勧めします。
<body>
そして、スタイルシートで背景を指定できます
body
{
background-image:url('blah.jpg');
}