jQuery手機疊加主題半透明？

Question

是否可以更改數據疊加主題的不透明度？當對話框打開時，您可以看到頁面仍然在背景中，但模糊或明亮？

Answer 1

您需要在您的彈出代碼在下面的例子中添加了data-overlay-theme屬性，如：

<div data-role="popup" id="popupDialog" data-overlay-theme="b" data-theme="b" data-dismissible="false" style="max-width:400px;"> 
    <div data-role="header" data-theme="a"> 
     <h1>Delete Page?</h1> 
    </div> 
    <div role="main" class="ui-content"> 
     <h3 class="ui-title">Are you sure you want to delete this page?</h3> 
    <p>This action cannot be undone.</p> 
     <a href="#" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-b" data-rel="back">Cancel</a> 
     <a href="#" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-b" data-rel="back" data-transition="flow">Delete</a> 
    </div> 
</div> 

然後你可以通過添加類似你的CSS控制疊加把背景頁面上的不透明度像這樣：

.ui-popup-screen { 
    background-color: #000 !important; 
    opacity: 0.75 !important; 
}