Здраствуйте уважаемые участники форума!
Срочно требуеться ваша помошь)))
Проблема вот в чем. Имееться web приложение к которому прикручен плагин jqGrid. Все таблицы и диалоги осуществляються с его помошью. Так вот на определнном этапе столкнулась с тем что диалог "Вы действительно хотите удалить данную запись?", диалог добавления и прочее прочее отображаються ЗА формой, из которой они вызываються.
Знаю что где то что то нужно сделать со CSS свойством z-index. Проблема вот в том что не могу разобраться и понять где же его изменить чтобы диалог был над формой а не под ней(((
Вот собственно текст css файла для работы с диалоговыми окнами:
|
Код:
|
.ui-jqdialog{display:none;width:300px;position:absolute;padding:.2em;font-size:11px;overflow:visible;}
.ui-jqdialog .ui-jqdialog-titlebar{padding:.3em .2em;position:relative;}
.ui-jqdialog .ui-jqdialog-title{margin:.1em 0 .2em;}
.ui-jqdialog .ui-jqdialog-titlebar-close{position:absolute;top:50%;width:19px;margin:-10px 0 0 0;padding:1px;height:18px;}
.ui-jqdialog .ui-jqdialog-titlebar-close span{display:block;margin:1px;}
.ui-jqdialog .ui-jqdialog-titlebar-close:hover,.ui-jqdialog .ui-jqdialog-titlebar-close:focus{padding:0;}
.ui-jqdialog-content,.ui-jqdialog .ui-jqdialog-content{border:0;padding:.3em .2em;background:none;height:auto;}
.ui-jqdialog .ui-jqconfirm{padding:.4em 1em;border-width:3px;position:absolute;bottom:10px;right:10px;overflow:visible;display:none;height:80px;width:220px;text-align:center;}
.ui-jqdialog-content .FormGrid{margin:0;}
.ui-jqdialog-content .EditTable{width:100%;margin-bottom:0;}
.ui-jqdialog-content .DelTable{width:100%;margin-bottom:0;}
.EditTable td input,.EditTable td select,.EditTable td textarea{margin:0;}
.EditTable td textarea{width:auto;height:auto;}
.ui-jqdialog-content td.EditButton{text-align:right;border-top:0 none;border-left:0 none;border-right:0 none;padding-bottom:5px;padding-top:5px;}
.ui-jqdialog-content td.navButton{text-align:center;border-left:0 none;border-top:0 none;border-right:0 none;padding-bottom:5px;padding-top:5px;}
.ui-jqdialog-content .CaptionTD{text-align:left;vertical-align:top;border-left:0 none;border-right:0 none;border-bottom:0 none;padding:1px;white-space:nowrap;}
.ui-jqdialog-content .DataTD{padding:1px;border-left:0 none;border-right:0 none;border-bottom:0 none;vertical-align:top;}
.ui-jqdialog-content .form-view-data{white-space:pre;} |
Понимаю что это просба пойди туда не знаю куда, найди то незнаю что)) Но может быть вдруг кто то сталкивался с таким. Заранее спасибо
