jQuery Mobile的面板造型：數據顯示=「兜底」工作不正常

Question

我工作的一個jQuery Mobile的應用程序，我已經得到了與面板麻煩stylingso遠：

http://jsfiddle.net/xt3MM/1/

我有一個導航列表，即從左側出現。我將數據顯示設置爲默認值（data-display =「reveal」），但是List似乎是懸停在主體上。這樣，身體的陰影不會應用到列表中刪除此左邊的菜單：

http://demos.jquerymobile.com/1.3.0/docs/examples/panels/panel-styling.html#demo-page

<!-- 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> 

我試圖settig的z指數走低，但隨後的菜單完全消失。

下面是陰影的截圖，它不在菜單上。

http://i.imgur.com/Md5jmJJ.jpg

親切的問候，

喬治:)

Answer 1

你給指定數據顯示的另一個值的演示頁：data-display="overlay"

見這裏的jsfiddle：http://jsfiddle.net/xt3MM/2/