- ベストアンサー
複数指定の背景が表示されない
困っているのでどなたかお力添えをお願いします。 htmlとbodyにそれぞれ別の背景画像を指定しているのですが、 IE6でのみ片方の背景が表示されません。 html { background: url(../images/bg.jpg) repeat center bottom; } body { background: url(../images/header-bg.jpg) repeat-x center top; } どうすれば表示されるようになるでしょうか？ divを使う背景画像の複数指定が上手くいかなかったのでこのやり方をしています。
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
IE6は無視しましょう。マイクロソフト自身も撲滅キャンペーンを張っているような「腐った牛乳(マイクロソフト)」に対処する必要はありません。 そもそも、サイズの決まっていない要素にtopは兎も角bottomは指定しても意味ありません。 本来は、それぞれの要素に背景を指定すべきです。 例えば <body> <header> </header> <section> </section> <footer> </footer> </body> (注)HTML4などでしたら<div class="header">とかになっているはずです。 html,body{width:100%;margin:0;padding:0;position:relative;} header{background: url(../images/header-bg.jpg) repeat-x center;} footer{position:absolute;bottom:0;background:url(../images/bg.jpg) center;} header,footer{min-height:100px;} [HTML4]用 html,body{width:100%;margin:0;padding:0;position:relative;} div.header{background: url(../images/header-bg.jpg) repeat-x center;} div.footer{position:absolute;bottom:0;background:url(../images/bg.jpg) center;} div.header,div.footer{min-height:100px;} とか・・
その他の回答 (1)
- DrFell
- ベストアンサー率55% (305/551)
過去互換では重複指定はできないです。標準準拠の文書宣言をしてみてもダメですか？ 例 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
