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