html - 1つのdivで2つの繰り返し背景画像を使用する

Question

divにx方向に2つの繰り返し背景画像を使用しようとしていますが、できません。divにX方向に2つの繰り返し画像を使用するにはどうすればよいですか（つまり、単一のdivを2つの等しい部分に分割する必要があります）。私の最初の部分は、背景のrepeat-xで最初の画像を使用する必要があり、残りの部分は、repeat-x方向で2番目の画像で埋める必要があります）。

Answer 1

あなたのコードがなければ、あなたが何をしようとしているのかを本当に知ることはできませんが、私はこれを行います：

<div class="outer_div">
    <div class="left_half"></div>
    <div class="right_half"></div>
</div>

<style>
.outer_div{
    width: 500px; /*or whatever you need the width to be */
}
.left_half{
    background-image: url("your image here") repeat-x;
    width: 50%;
    float:left;
}
.right_half{
    background-image:url("your image here") repeat-x;
    width: 50%;
    float:right;
}
</style>

Answer 2

単一CSS3の複数の背景に使用する必要があります。 div

HTML：

<div class="backgrounds"></div>

CSS：

.backgrounds {
  background: url(http://userlogos.org/files/logos/pek/stackoverflow2.png),
              url(http://www.gravatar.com/avatar/3807b3e7ad69d363d4490540c663af5f?s=128&d=identicon&r=PG);
  background-repeat: no-repeat, repeat;
  background-position: center, left;
  width: 700px;
  height: 300px;
}

jsFiddleデモ：単一のDivの複数の背景

編集：CSS3マルチバックグラウンドのrepeat-x詳細については、jsFiddleをここで改訂しました。