затемнение фона для ajax

всем здравствуйте.

пишу так как уже голова заболела перепробовал многое но почему то не работает

прочитал много статей про css.

короче проблема такова

вот css ajax окна

.x-sh, .xw-bl {display:none !important; modal: true;}
.xw-ml, .xw-mr {margin:0 !important;padding:0 !important;background:none !important;}
.xw-mc {color:#333; font-weight: normal; float: none; margin: 0; padding: 8px 8px !important; background: #fff !important; border: 1px solid #c4cee0 !important;border-radius:4px;-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}
.xw-hdr-text {display: none !important;}
.xw-hdr img {display:none;}
.xw-tl, .xw-tr, .xw-tc, .xw-hdr, .xw-sps .xw-draggable {height: 0 !important;background: none !important;padding: 0 !important;}
.xw-tc {overflow: visible !important;}
.xt-close {position: absolute !important;right: -18px;top: -18px;margin: 0 !important;z-index: 10014 !important;width: 36px !important;height: 36px !important; background: url('/img/closeajax.png') no-repeat !important;}
.xw-body {border: 0 !important;padding: 0 !important;}
.xw-body table {margin:0px !important;padding:0px !important}
.xt-maxi {display:none;}
.xt-mini {display:none;}
.xt-rest, .fastLogBt {display:none;}

и мне нужно сделать так что бы при откритии его фон стал темнее и неподвижным.

пробовал даже вставлять

.myWinGrid {
opacity: 0.80 !important;
} .myWinGrid {opacity: 0.80 !important; }

Адрес сайта proza.3dn.ru

17.04.2015 | Автор: Павел Бобков | Категория: Дизайн сайта

Ответов: 2

Лучший ответ

Здравствуй, забывайте то, что вы делаете, а то голова еще неделю будет болеть...

Вот сделал специально для вас, что вам нужно:

<a href="javascript://" onclick="webo4kaAjax();">Написать</a>
<script>
function webo4kaAjax(){new _uWnd('webo4ka','Форма входа',300,100,{modal:1,nomove:1,autosize:1,resize:0,oncontent:function(){$('html, body').css({"height":"100%", "overflow":"hidden"})},onclose:function(){$('html, body').css({"height":"auto", "overflow":"auto"})}}, $("#webo4ka").html() )}
/*by Вовчик*/
</script>
<div id="webo4ka" style="display:none;">$MFORM_1$</div>

вместо $MFORM_1$ можете вставить, что вашей душе угодно))