图片不会在手机上重复

Question

后台重复在移动浏览器中不起作用。至少，当我尝试在移动浏览器中浏览内容时，它什么都不做。是否有任何尺寸差异？

这是css

#header {
    background: url(images/header_bg.png);
    background-repeat: repeat;
    overflow:hidden;
    box-shadow: 0 1px 0 rgba(255,255,255,0.2);
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.2);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.2);
     ms-box-shadow: 0 1px 0 rgba(255,255,255,0.2);
}

Answer 1

我认为这将有效：

#header {
    background: url("images/header_bg.png") repeat;
    box-shadow: 0 1px 0 rgba(255,255,255,0.2);

    /* Give a height and width*/
    height: 100px;
    width: 100px;
}

http://jsfiddle.net/35dre/

编辑：你也不需要再指定moz，webkit，ms（box-shadow）。