如何将Panel覆盖保持在Jquery Mobile上的固定页脚之上

Question

我在Jquery mobile的主文件中有这段代码：

<div data-role="panel" data-display="overlay" data-position="left" class="ui-response" >
    <ul data-role="listview" data-theme="b" data-filter="true" data-filter-placeholder="Search ..." data-inset="true" >
        <li data-role="list-divider" data-divider-theme="c">A</li>
    <li>1</li>
    <li>2</li>
        ...
    </ul>

    <a data-role="button" data-rel="close">Close</a>

</div> 

它主要用于创建一个滑动面板。

然而，我的页脚应用了固定的“data-position =”fixed“.div以此开头：

所以我的问题是如何让面板出现在固定页脚上方？

我注意到固定页脚已应用此样式：

.ui-footer-fixed {
left: 0;
right: 0;
width: 100%;
position: fixed;
z-index: 1000;
}

但是，即使上面的面板的z样式设置在1000以上，它仍然会出现在固定页脚上方。

请提出任何建议？

Answer 1

将您的面板放在内容div中，位于常规内容之下。