背景画像を2枚使いうまく繰り返す方法
htmlとcssでホームページを作っています。
背景画像を2枚使用しているんですが、どうしてもうまく表示されません。
1枚目はページ上部に。
2枚目はその下からすべて。
で、それぞれ横にリピート。
2枚目だけ縦にリピートして表示させようとしてます。
最初はbodyとdivで
-------------------css--------------------------
body
{
background-image:url("");
background-repeat:repeat;
}
div.body
{
background-image:url("");
}
----------------html--------
<body>
<div class="body">
内容
</div>
</body>
---------------------------------------------
としています。
ですが、これだとdivのボックスができてしまい、横に無限に繰り返されないことになります。画面を縮小した時に切れてしまいます。
なので、htmlとbodyにそれぞれ背景をつけたんですが、
今度は両方の画像が表示されませんでした。
html
{
background-image:url("");
background-repeat:repeat-x;
}
body
{
background-image:url("");
}
htmlのほうを消すと、bodyで指定した画像が縦横無限に繰り返されます。
htmlを消さずにbodyを無限に表示されるにはどうしたらいいですか？
お礼
ありがとうございました。おそらくそれだと思います。ややこしいですねぇ・・・