JqueryMobile - 从 1.3.2 迁移到 1.4.2 - 幻灯片上的面板透明答案

【问题标题】：JqueryMobile - Migration from 1.3.2 to 1.4.2 - Panel transparent on SlideJqueryMobile - 从 1.3.2 迁移到 1.4.2 - 幻灯片上的面板透明
【发布时间】：2014-05-02 08:32:49
【问题描述】：

由于将 cordova-app (jquery + jquery mobile) 从版本 1.3.2 迁移到 1.4.2，我遇到了问题。

我在这里提供了一个示例： http://wasted-dreams.de/tmp/

如您所见，面板导航滑入，滑出时它在背景中保持透明几毫秒。之后它正确地消失了。该效果也出现在 slideIN 上，但速度更快且几乎不可见。

在动画上添加的 css 类是“.ui-panel-animate”，在动画结束后元素会获得一个附加属性“panel-closed”

到目前为止我的分析。但我真的没有找到我的代码中的任何 css 选项或 JS 东西可以导致这种效果。

有人知道如何解决这个问题吗？

提前致谢

【问题讨论】：

标签： jquery jquery-mobile panel slide

【解决方案1】：

看起来您有一个透明背景，可以让您透过内容看到下面的面板。您可以添加背景，也可以将panel-display 属性更改为push 或overlay，而不是默认的reveal

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

这是一个DEMO

在演示中，您可以从面板中删除 data-display="push" 以查看您的问题是否重现。

API 参考：http://api.jquerymobile.com/panel/#option-display

更新： ui-panel-wrapper 绝对是透明的。

添加这个 CSS，问题就消失了：

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

更新FIDDLE

【讨论】：

我看了看，用谷歌检查了元素，它不是透明度（css）的问题，反正我看不到。老实说，我很困惑，这个问题很奇怪。某处/可能的错误之类的东西。但是我不是一个真正的专家，99% 的时间我可以找到这些问题。也许它很容易。老实说，我想知道。
@Tasos，请参阅我的更新答案。包含非面板内容的 .ui-panel-wrapper DIV 绝对是透明的（请参阅您的 design-1.4.2.css 文件）。给这个 div 一个背景颜色或线性渐变等可以消除这个问题。
做得很好。我想知道包装器是从哪里来的。如果您检查元素面板或以其他方式没有这样的条目。我会认为它们是一个透明的入口。再次干得好。