位置：固定不適用於ICS（原生瀏覽器）中的背景圖像

我有一個基於jQM的移動web應用程序。我有適用於它的以下樣式背景圖片：位置：固定不適用於ICS（原生瀏覽器）中的背景圖像

body.ui-mobile-viewport .ui-page 
{ 
    background: url('images/bg-texture.jpg') no-repeat fixed left bottom; 
    -webkit-background-size: 100% 100%; 
    -moz-background-size: 100% 100%; 
    -o-background-size: 100% 100%; 
    background-size: cover; 
}

的是，這適用於iOS罰款，Android版Chrome，但在ICS原生瀏覽器，海豚瀏覽器，背景堅持的頂部像這樣的頁面滾動開始後：

On Scrolling the page

一些動作後，（像竊聽的元素，背景回來關注這樣的：

O Tap of an element

我在網上查了一下，做了大量的研究，但是顯然我錯過了一些東西。這是我試過的解決方案的鏈接：

你所看到的在上面（我指的是CSS）是應用的默認未編輯的風格。

注：我用盡supersized plugin，以及，它適用於薑餅設備，當在頁面中的內容是靜態的。在ICS設備上，如果應用於具有動態內容的頁面，則無法滾動到視口之外。當我嘗試在頁面正文中創建一個img標記並將src設置爲圖像所在的路徑時，會發生同樣的問題。

這些問題僅發生在ICS本地瀏覽器。

請告訴我，如果我做錯了什麼。有沒有一個純粹的CSS解決方案？（顯然東西是巨大的錯誤）

來源

2012-11-03 krishgopinath

試試這個：

body.ui-mobile-viewport .ui-page 
{ 
background: url('images/bg-texture.jpg') no-repeat fixed left bottom; 
background-size: cover; 
}

來源

2012-11-05 09:58:55 Gopikrishna

這不工作。這基本上是問題中的問題吧？或者我錯過了什麼？ – krishgopinath

爲「HTML」下面的CSS解決了與Android設備上的整個頁面的背景圖片我的問題：

html{ 
    height:100%; 
    width:100% 
} 

body{ 
    background-image:url(img/background.jpg); 
    background-repeat:no-repeat; 
    background-attachment:fixed; 
    webkit-background-size:cover; 
    -moz-background-size:cover; 
    -o-background-size:cover; 
    background-size:cover; 
    }

希望幫助。

來源

2015-08-08 09:32:35 alex351

位置：固定不適用於ICS（原生瀏覽器）中的背景圖像

回答

相關問題