jquery - Jquery Mobile で固定フッターの上にパネル オーバーレイを保持する方法

Question

Jquery モバイルのメイン ファイル内に次のコードがあります。

<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;
}

ただし、上のパネルが 1000 を超える z-index でスタイル設定されていたとしても、固定フッターの上に表示されます。

何か提案はありますか？

Answer 1

通常のコンテンツのすぐ下の content-div 内にパネルを配置します。