html - 图片不会在手机上重复

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)。