jquery mobile popup在打开时显示一个蓝色层答案

【问题标题】：jquery mobile popup is showing a blue layer on it while openingjquery mobile popup在打开时显示一个蓝色层
【发布时间】：2014-06-23 21:56:44
【问题描述】：

我正在使用移动 jquery 开发 html5 应用程序。但我在弹出窗口中遇到了一些问题。

我尝试了下面的代码。

<a href="#popupBasic" data-rel="popup" data-transition="flip"  data-history="false">Open Popup</a>

<div data-role="popup" id="popupBasic">
  <p>This is a completely basic popup, no options set.</p>
</div>

弹出窗口在计算机和移动浏览器上运行良好。但是我在将其转换为应用程序（.apk）后在 android 手机上对其进行了测试。然后，如果我单击移动屏幕上的某个位置，则会在弹出窗口上显示一个蓝色透明层，该层将从弹出窗口中删除。

如何去除这个蓝色透明屏幕。

Sample Code - JJFiddle

Download sample application from here.

【问题讨论】：

android 4.2 - 显示问题。但 android 4.0 没有显示任何层。可能是安卓版本问题？

标签： android jquery-mobile popup html5-apps

【解决方案1】：

此问题已在此处添加到 jquery-mobile 问题跟踪系统：https://github.com/jquery/jquery-mobile/issues/7533

点击该链接以跟踪解决方案。这似乎是一个样式问题...

【讨论】：

【解决方案2】：

在您的情况下，您必须覆盖 css：

.flip.in {
    -webkit-animation-name: none;
}

测试和工作;)

【讨论】：