Вложений: 1
делаю модальное окно, для этого создаю
<div class="overlay"></div> .overlay { background:#666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) repeat scroll 50% 50%; opacity: 0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /*filter for ie*/ height:100%;width:100%; position: absolute; left:0; top:0; } а сверху него уже вывожу модальное окно. так вот див с классом оверлей занимает 100% по высоте и ширине ЭКРАНА, а не 100% от body. поэтому мне нужно запретить пользователю прокручивать страничку, чтобы он не увидел незакрашенный низ страницы. |
а как насчет "height: 100%" -> "bottom: 0px"?
|
не работает.
по-моему тут надо как-то overflow:hidden у body делать. интересно, то что в файрфоксе прокручивать после overflow:hidden нельзя, а в ие и опере можно |
а ты запихни содержимое в div и ему назначай overflow: hidden;
|
Цитата:
|
Цитата:
p.s. но лучше имхо чтобы возможности прокрутки не было, т.е. чтобы содержимое страницы не превышало размеры клиентской области |
Цитата:
|
Цитата:
Или именно поэтому "это не всегда возможно" |
Цитата:
|
я совместил два способа. т.е. создаю
<div id="box"></div> .overlay { background:#666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) repeat scroll 50% 50%; opacity: 0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); width:100%; position: absolute; left:0; top: 0px; } $("#box").addClass("overlay"); $("#box").height($(document).height()); и также $("body").css("overflow","hidden"); |
Часовой пояс GMT +3, время: 01:39. |