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; 
}