• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:背景画像を2枚使いうまく繰り返す方法)

背景画像を2枚使いうまく繰り返す方法

このQ&Aのポイント
  • htmlとcssを使用してホームページを作っている際に、背景画像を2枚使用しているがうまく表示されない問題が発生している。
  • 最初はbody要素とdiv要素にそれぞれ背景画像を指定したが、div要素がボックスとして表示されるため横に繰り返されない。また、html要素にも背景画像を指定すると両方の画像が表示されない問題が発生する。
  • html要素を消さずにbody要素で背景画像を無限に繰り返す方法を知りたい。

質問者が選んだベストアンサー

  • ベストアンサー
noname#137826
noname#137826
回答No.1

> 2枚目はその下からすべて。 > それぞれ横にリピート。 > 2枚目だけ縦にリピートして 2枚目はどうしたいのでしょう?縦?横?両方? 「最初はbodyとdivで・・・」の例を見ると両方ということでしょうか。 その最初の例で div に width: 100%; としてもうまくいきませんか?

un-moyen
質問者

お礼

解決できました。 >その最初の例で div に width: 100%; としてもうまくいきませんか? をヒントに、width: auto; にして margin-left argin-right の値をマイナスにして画面いっぱいにすることができました。 ありがとうございます。

un-moyen
質問者

補足

説明不足でしたね。。。 そうです。2枚目は両方にリピートさせたいです。 >その最初の例で div に width: 100%; としてもうまくいきませんか? うまくいきませんでした。 やっぱり、両端が切れてしまって、bodyで指定した画像が入ってしまいます。

関連するQ&A