Перекрывающий всю страницу слой (jQuery)

В последние несколько лет стало популярным перекрывать страницу затемненным фоном, через который нельзя работать со страницей, чтобы обратить внимание пользователя на единственно важную в данный момент информацию (например окно для ввода сообщения в vkontakte). Для того, чтобы создать такое перекрытие, можно воспользоваться следующим кодом:

 creatOverlay(){
  var docHeight = $(document).height();
  $("<div id='overlay'></div>")
  .appendTo("body")
  .height(docHeight)
  .css({
    'opacity': 0.4,
    'position': 'absolute',
    'top': 0,
    'left': 0,
    'background-': 'black',
    'width': '100%',
    'z-index': 5000
  });
}


Запись навигация

Top