滾動時，全屏幕背景在iPad上突然出現白色空間

我的背景圖像顯示不正常。當頁面加載時看起來不錯，但是當您向下滾動頁面時，每個100％寬度/高度面板（div）之間會有白色間隙。我已經閱讀了許多問題與他人有同樣的問題，但他們沒有任何答案，我讀了推薦通過添加overflow-x：隱藏到身體，HTML實際上適用於iPhone的，但不對於iPad ..滾動時，全屏幕背景在iPad上突然出現白色空間

我想知道是否有解決方案，這是我的CSS;

.panel { 
    position: relative; 
    width: 100%; 
    height: 100%; 
    background-position: center; 
    background-size: 100%; 
    font-family: FranklinGothicLTCom-BkCm, "Arial Narrow", sans-serif; 
    overflow: hidden; 
    border: none; 
    margin: 0; 
}

我加入這個班的每一個面板的基本規格，而PANEL1，是Panel2等等看這樣的..

.panel2 { 
    background-color: #e16429; 
    background: url(../img/home/background-panel01.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    text-align: center; 
    z-index: 950 !important; 
}

請注意：這不會給在景觀的空白但只有畫像，畫像下媒體查詢給出的iPad類看起來是這樣..

.panel2 { 
    background: url(../img/home/background-panel01.jpg) no-repeat center center; 
}

這裏是我的工作獲得進一步的檢查活動網站：http://bit.ly/1eGCShX

如果有人知道這個問題和解決方法，我不能夠感謝你。我一直在努力爭取一段時間..每個人都有一個偉大的一週。

來源

2014-02-12 DoPeT

我相信我可能已經回答了我自己的問題，通過在縱向iPad的媒體查詢下爲div類添加background-size：cover。

panel2 { 
    background: url(../img/home/background-panel01.jpg) no-repeat center center; 
    -webkit-background-size: cover !important; 
    background-size: cover !important; 
    }

我以爲bg封面會從它的默認類中繼承下來，這個類已經有了背景大小的封面。現在我的第三個面板上有一個小邊框，但主要問題已通過添加此問題得到解決。

來源

2014-02-13 00:31:53 DoPeT

滾動時，全屏幕背景在iPad上突然出現白色空間

回答

相關問題