jquery移動頁面中沒有顯示背景圖片

Question

我正在使用jQuery移動。我最初嘗試設置背景圖片html{background: url("bg.png") repeat fixed 0 0;}但沒有工作，然後我用身體標籤

body {background: url("bg.png") repeat fixed 0 0;}  

不過試過，如果我自定義一個類說.myclass{background: url("bg.png") repeat fixed 0 0;}，然後用它在我的標籤，然後它工作正常。

我只是想知道爲什麼身體或html標籤不工作？它是否被覆蓋或什麼？有什麼想法嗎？

Answer 1

由於jQuery Mobile獨特的頁面處理方式，您將無法看到正文容器的更改。每個可見的頁面都有一個更大的z-index，它漂浮在主體之上。

基本上你對身體CSS的改變是正確的，但它們不會被看見。

你想要做的是改變這個類：.ui-page。這是每個jQuery Mobile頁面的基類。

每個自定義更改都必須覆蓋帶有！important的經典css。

像這樣：

.ui-page { 
    background: url('http://subtlepatterns.com/patterns/escheresque_ste.png') repeat scroll 50% 50% #112233 !important; 
    color: #aabbcc !important; 
} 

這裏有一個工作的jsfiddle例如：http://jsfiddle.net/Gajotres/u3E6K/