Ограничить границы наложения диалогового окна только одним макетом, в котором он находится

Question

Я использую простые лица dialog (с modal=true).Мне нужно ограничить наложение диалогового окна в пределах одного layoutUnit, в котором оно содержится, и не распространять наложение на всю страницу (содержащее несколько layoutUnit с).

Answer 1

Скорее всего, вам придется создать свой собственный режим наложения, отображающий его при отображении диалогового окна.

<div class="customoverlay" />

Вам потребуется создать класс таблицы стилей для файла div, который распространит его по родительскому контейнеру,устанавливает для zindex значение больше, чем что-либо еще в этом блоке макета, кроме диалогового окна, и вы, вероятно, захотите установить для его opacity значение по вашему выбору.

В JavaScript, который отображаетсяВ вашем диалоговом окне вам также потребуется выполнить вызов jQuery для отображения вашего оверлея.

exampleDialog.show();
jQuery('.customoverlay').css('display', 'inline');

В JavaScript, скрывающем ваше диалоговое окно, вы захотите сделать то же самое, что и выше, за исключением установки стиля displayдо none.