JQuery移动面板样式：数据显示="；揭示；工作不正常

我正在开发一个jQuery移动应用程序，到目前为止，我在面板样式方面遇到了问题：

我有一个导航列表，它出现在左边。我将数据显示设置为默认值（data display=“display”），但列表似乎在主体上悬停。这样，身体的阴影就不会应用到左侧菜单的列表中：

乱数假文

我试着把z指数调低，但是菜单完全消失了

这是阴影的屏幕截图，不在菜单上方

亲切问候,

---

乔治：）

您提供的演示页面指定了数据显示的另一个值：

data display=“overlay”

---

请看这里的一个jsFiddle:

我知道。但我想在这里使用data display=“display”：

<!-- RIGHT -->
<div data-role="panel" id="right-panel" data-display="reveal" data-position="right">
    <ul data-role="listview" data-icon="false" data-theme="c">
        <li><a href="#" data-icon="home">Home Right</a></li>
        <li><a href="#" data-icon="star">Buttons Right</a></li>
        <li><a href="#">Facebook Right</a></li>
        <li><a href="#">Mail Right</a></li>
        <li data-icon="delete"><a href="#" data-rel="close">Close Right</a></li>
    </ul>
</div><!-- /panel -->


<div class="header" data-role="header" data-position="inline" data-theme="c">

    <h1>Lorem Ipsum</h1>

    <a href="#right-panel" data-icon="grid" class="header-menu"></a>

</div>