圖片不會在手機上重復

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（框陰影）。