重复背景图像

Question

我尝试了很多东西，但我的背景图片（代码中不是真正的背景图片）不会重复。

Screenshot

<div id="backgrounddiv">
  <img id="background" src="http://i.imgur.com/nhQAcos.jpg">
</div>




#background {
    width:100%;
    height:100%; 
    image-repeat: repeat;
}

#backgrounddiv {
    position: absolute; 
    z-index:0; 
    left:0; 
    top:0; 
    width:100%; 
    height:100%
}

Answer 1

您想要使用的是background-repeat

css语法：

background-repeat: repeat|repeat-x|repeat-y|no-repeat|initial|inherit;

所以看起来应该是这样的：

div {
    background-image:url(http://i.imgur.com/nhQAcos.jpg);
    background-repeat:initial;
}

或者如果你想让它垂直重复......

div {
    background-image:url(http://i.imgur.com/nhQAcos.jpg);
    background-repeat:repeat-y;
}