Подцепляешь Jquery и сам скрипт, он примерно такой
$(document).ready(function() {
$(".mybtn").click(function(){
$(".blackbox").fadeIn("1000");
});
});
а к диву вот такие стили
<style>
.blackbox {display:none; width:100%; height:100%; position:fixed; position:fixed; top:0; left:0; z-index:500; background-color: #000; filter

rogid

XImageTransform.Microsoft.Alpha(opa city=55); -moz-opacity: 0.55; -khtml-opacity: 0.55;opacity: 0.55;}
</style>
Если помогло напиши.
Я так тут применял
http://onigrok.ru если на вход нажать
А чтобы закрыть дописываешь строки
$(".blackbox").click(function(){
$(this).fadeOut("1000");
});
Закроет по клику на затемненную область