由於左側面板，背景圖像消失

我有一個左側面板menü的jQuery手機應用程序。如果我點擊面板，我的背景消失。由於左側面板，背景圖像消失

我不確定，用代碼我應該發佈給你。這就是我的背景CSS代碼：

[data-role=page] { 
    background-image: url(../images/pattern.png); 
    background-repeat: repeat; 
}

2014-01-05 Struct

可以BG IMG特定網頁編程方式添加。創建一個班級，在pagebeforeshow/pagebeforehide上添加/刪除它。但你仍然需要關注面板。 – Omar

在jQuery Mobile的1.4，當面板被打開的第一次，它包裝在.ui-panel-wrapper DIV 內容格。這個div覆蓋了的div背景。

此行爲時面板的data-display被設置爲push或reveal，但不發生overlay。

要解決此問題，請將background-image同時添加到[data-role=page]和.ui-panel-wrapper後跟!important以強制覆蓋。

[data-role=page], .ui-panel-wrapper { 
    background-image: url(../bg.png) !important; 
    background-repeat: repeat; 
}

Demo

2014-01-05 20:26:05 Omar

感謝Omar爲您提供解決方案。同時，我也有類似的問題。也許你有一個解決方案再次:) http://stackoverflow.com/questions/20941065/different-background-images-and-left-panel-bug – Struct

非常感謝這個簡單的解決方案！爲我節省了大量的時間 – stackexchange12

回答