固定背景無法在手機上使用

Question

我的包裝如下：

#wrapper{
background:url(../images/bg2.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding-top:80px;
position:relative;
z-index:5;
}

這在桌面甚至在480px以下的桌面瀏覽器上都可以完美運行，但是當我嘗試在Android手機上運行時， 它僅顯示背景的10％，並且隨着頁面滾動直到其他div都將其隱藏。 我需要將其固定在移動屏幕上，而不要在將內容滾動瀏覽時移動。 由於某些原因，android不支持background-attachment:fixed 。 但是有些網站可以像這樣在移動設備上完美地做到這一點 。

所以我需要填充此媒體查詢，以便它也可以在android上工作：

@media screen and (max-width: 480px) {
#wrapper{

}
}

Answer 1

剩下的html和body CSS是什么？ 我將其放在最近使用過的網站上並使用了它。 我的html和body是100％，容器是90％，因此您可以一直看到容器周圍的圖像

 html. body { width:100%; min-height:100%; margin:0; background-image:url(images/Exeter.jpg); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; font-family:'Open Sans',sans-serif; font-size:100%; color:#036; } #container { width:90%; margin:auto; background-color:#fff; } 

這是一個實時示例http://myexeterhome.com/