0

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 でスタイル設定されていたとしても、固定フッターの上に表示されます。

何か提案はありますか？

4

1 に答える 1

3

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

于 2013-10-29T07:46:19.087 に答える