JQuery Layout и модальные окна?

Question

[Артур Кох]

Привет!



Имею структуру(упростил):

<div id="header" class="ui-layout-north"></div><br>
<div id="aside" class="ui-layout-north"></div><br>
<div id="content" class="ui-layout-north"></div><br>
<div id="modal" class="modal"></div><br>

После обработки DOM header, aside и content занимают свои места соответственно конфигу, располагаясь абсолютно. В то же время они принимают стили z-index:1;

Модальное же окно ни в какую не хочет в абсолютном состоянии залезать поверх лейаута. Как бороться?

Answer 1

[creage]

Когда юзал, сталкивался с такой же проблемой. Точно не помню, но кажется нужно было вынести блок модала в контент, и проверить все позишены, т.к. ИЕ глючит без них. Могу ошибаться, сорри.

Comments

[creage]

нашел пример — maninblack.info/_job/RibbonLayout/ — вверху слева жмете на круг, там жмете «Выход» — будет модал. Гляньте в код.

[Артур Кох]

z-index и пара мелких багов. Вопрос решен. Ссылка частично помогла. Спасибо.

Answer 2

[Сергей Протько]

.modal{
        z-index:10;
}

Не?

Comments

[Артур Кох]

В том то и дело. Не работает. Расчитывал на то, что кто-либо сталкивался с подобной проблемой плагина.

[Анатолий]

А какой z-index у modal когда он показывается?

Answer 3

[KindWizzard]

Может jQuery переопределяет layout? А если:
.modal{
z-index:100 !important;
}

Проблема во всех браузерах?

Answer 4

[Vitaliy Petrychuk]

Можно сделать как пишет Fesor, но на вашем месте я бы переделал верстку. Потом с этим z-index в дебри зайдете и плеваться будете.

Comments

[Артур Кох]

Переделывание верстки приведет к тому, что нужно будет изобретать велосипед с лейаутом. Библиотека раскидывает слои как необходимо, дает возможность их ресайзить(d'n'd) и скрывать/отображать. Документация не помогла.