2013-11-03 81 views
0

背景重複在手機瀏覽器中不起作用。至少,當我嘗試在移動瀏覽器中瀏覽內容時,它不會執行任何操作。有沒有任何尺寸差異?圖片不會在手機上重複

這裏是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); 
} 

回答

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(盒 - 陰影)了。