JqueryMobile - 從1.3.2遷移到1.4.2 - 在幻燈片上透明面板

我有一個問題，因爲cordova-app（jquery + jquery mobile）從版本1.3.2遷移到1.4.2。JqueryMobile - 從1.3.2遷移到1.4.2 - 在幻燈片上透明面板

我在這裏提供了一個示例： http://wasted-dreams.de/tmp/

，你可以看到，在面板的導航滑入，並滑出它停留在後臺幾毫秒透明。之後它正確消失。效果也出現在slideIN上，但更快，大多不可見。

這是對動畫添加CSS類「的.ui用面板動畫」之後動畫應該已經結束的元素獲得附加屬性‘面板關閉’

到目前爲止我的分析。但我真的沒有找到任何CSS選項或JS代碼的東西，可以負責這種效果。

有沒有人有一個想法如何得到這個固定？

在此先感謝

2014-03-24 Smoki

它看起來就像你有一個透明的背景，它允許您通過內容下方的面板看到的。您可以添加背景或只是改變panel-display屬性爲push或overlay而不是默認的reveal

<div data-role="panel" data-display="push" id="menue" data-theme="a">

這裏是一個DEMO

在演示中，你可以刪除data-display="push"從面板上看到您的問題轉載。

UPDATE：在UI面板一包裝絕對透明的。

添加這個CSS和問題解決了：

.ui-panel-wrapper { 
    background-color: rgb(35, 71, 160) !important; 
}

更新FIDDLE

2014-03-24 19:47:13 ezanker

我看看，檢查與谷歌，其不透明度（CSS）的元素問題，無論如何我都看不到。老實說，我很困惑，這個問題很奇怪。就像某處的錯誤/可能。但是，我不是一個真正的專家，99％的時間我可以追捕像這樣的問題。也許它很容易。我喜歡說實話。 – Tasos

@Tasos，看我更新的答案。包含非面板內容的.ui-panel-wrapper DIV絕對是透明的（參見你的design-1.4.2.css文件）。給這個div一個背景色或線性漸變等消除了這個問題。 – ezanker

幹得不錯。我不知道包裝是從哪裏來的。如果你檢查元素面板或其他沒有這樣的條目。我會認爲他們是一個透明的條目。再次做得好。 – Tasos

回答