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');
}