我如何保持面板覆蓋上述固定頁腳對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> 

它主要用於創建滑動面板。

我頁腳但應用與「數據位=」固定的」固定股利始於此：

所以我的問題是你如何可以使面板出現在固定的頁腳上方？

我注意到固定頁腳用這種樣式施加：

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

然而，即使上面的面板，用z索引ABOV風格e 1000，它仍然出現在固定頁腳上方。

請問，有什麼建議嗎？

Answer 1

把你的面板放在你的常規內容下的content-div中。