Question

我尝试在x方向上使用两个重复的背景图像作为我的div.But我不能。我如何在我的div中使用X方向上的两个重复图像（即，我需要将我的单元格div分成两个相等的part.For我的第一部分，我需要使用我的第一个图像与背景repeat-x，然后休息部分应该填写我的第二个图像在重复-X方向）。请帮助我

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

对于单 {{1>，您需要使用CSS3 多个背景}}

HTML：

div

CSS：

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

jsFiddle DEMO: Multiple Background For Single Div

编辑：为.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了解有关 CSS3多重背景 HERE的更多信息。

在一个div中使用两个重复的背景图像

2 个答案: