Затемнение содержимого страницы

Этот небольшой код как раз и добавляет прозрачный фон, перекрывающий все содержимое страницы:

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

При желании css можно вынести в отдельный файл стилей.