Потребовалось затемнить страницу под "всплывающим" дивом, при этом заблокировать все элементы на затемнённой странице. Вот что я навелосипедил

$("body").append('<div id="fade" ></div>');
body_height = document.height || document.documentElement.scrollHeight
$("body #fade").css("height",body_height)
$("body #fade").fadeTo(0, 0.4);

function close_div(id){
  $("#"+id).hide(100)
  $("#fade").remove()
}

В первых 4 строчка, в body добавляет div чёрного цвета со стилем

body .fade {position: absolute;top:0px;top:0px;left:0px;width:100%;height:100%;background-color:#000;z-index:1;right: 0px; bottom:0}

затем вычисляется высота всего окна (актульно для оперы) и устанавливается для этого div для перекрытия всего body, а не только видимой части, затем у без задержки меняется прозрачность до 40%

Для закрытия "всплывающих дивов используется функция close_div, следует отметить, что у всплывающих дивов должен быть z-index больше чем div[id="fade"]

В осле пока не проверял, кстати, вот таблица соответствия свойства Height в различных браузерах