jQuery Mobile的彈出窗口的背景模糊

Question

我想使用JQM彈出的功能，代碼如下：

<div data-role="popup" id="findinfo" data-dismissible="false" data-overlay-theme="b" class="ui-corner-all"> 
    <a href="#" data-rel="back" class="ui-btn ui-corner-all ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a> 
    <div data-role="header" data-theme="c"> 
    <h1>Type Select</h1> 
    </div> 
    <div data-role="content" class="ui-content"> 
    <fieldset data-role="controlgroup"> 
     <input type="radio" name="Fruit" id="Apple" value="a" checked="checked" /> 
     <label for="Apple">Apple</label> 
     <input type="radio" name="Fruit" id="Orange" value="o"/> 
     <label for="Orange">Orange</label> 
    </fieldset> 
    </br> 
    <input type="button" id="sendbtn" value="Add" onclick="SelInfo()" data-theme="c"/> 
    </div> 
</div> 

但模糊的背景是，當彈出未在窗口頂部的呼叫切如：

當我向上滾動，模糊的背景逐漸顯示爲Fig 2。

無論彈出功能彈出哪裏，我怎樣才能讓模糊的背景全尺寸？

Answer 1

我沒有測試這個代碼，但根據documentation，這應該工作。

.ui-overlay-shadow { 
    position: fixed !important; 
    top: 0; 
    left: 0; 
    bottom: 0; 
    right: 0; 
}