为什么选择菜单总是出现在模态对话框下？答案

【问题标题】：Why does the select menu always appear under the modal dialog?为什么选择菜单总是出现在模态对话框下？
【发布时间】：2014-12-08 09:15:11
【问题描述】：

我正在使用一个带有标签的模态对话框。我正在使用 appframework 和 appui，为 android 构建 apk。 xdk 更新后，我再次构建我的代码，突然我的选择菜单总是出现在模式对话框下。我什么都没改变。无论我做什么，这种情况都会发生，但主要是在三星设备或任何运行安卓棒棒糖的设备上。内置纹波仿真器也是如此。就这个问题而言，我束手无策。我也尝试过使用人行横道进行建设。我尝试设置选择菜单和模式面板的 z-index。没有任何效果。如果我停止面板为模态，一切都很好，但这不是一个选项，客户端不会接受任何没有模态对话框的内容。

这可能是相关的af.selectBox.js from app ui codebase

我不在乎是否必须使用肮脏的黑客，我只想修复它！

这是我的问题的样子。完全相同的事情发生在真实设备上，具有真实的 BUILDOUT，以及在人行横道应用程序预览中。

这里是选择元素。

<select class="wide-control" id="select_timeout">
    <option value="15">15 Mins</option>
    <option value="30">30 Mins</option>
    <option value="45">45 Mins</option>
    <option value="60">1 Hour</option>
    <option value="75">1 Hour 15 Mins</option>
    <option value="90">1 Hour 30 Mins</option>
    <option value="105">1 Hour 45 Mins</option>
    <option value="120">2 Hours</option>
    <option value="135">2 Hours 15 Mins</option>
    <option value="150">2 Hours 30 Mins</option>
    <option value="165">2 Hours 45 Mins</option>
    <option value="180">3 Hours</option>
</select>

下面是我声明我的模态面板的方式：

<div class="upage panel" data-modal="true" data-load="enterSettings" data-unload="leaveSettings" id="page_settings" data-footer="none">

这一切都在一天前完美运行，没有更改代码。

【问题讨论】：

标签： html cordova-3 intel-xdk appframework crosswalk-runtime

【解决方案1】：

天哪！知道了。这是解决方法

#afui #afui_modal{
    z-index: 4000 !important; /*set to something other than 9999*/
}

知道这是 z 顺序问题

【讨论】：