Тема наложения jQuery для мобильных устройств полупрозрачная? - PullRequest
3 голосов
/ 20 марта 2012

Можно ли изменить прозрачность темы наложения данных?Когда открывается диалоговое окно, вы видите страницу, которая все еще на заднем плане, но размытая или светлая?

1 Ответ

2 голосов
/ 10 июля 2014

Вам необходимо добавить атрибут 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;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...