Javascriptové okno

<style>
  #okno {
    width: 500px;
    height: 500px;
    line-height: 500px;
    text-align: center;
    border: 1px solid #000;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -250px; 
    margin-top: -250px;
    z-index: 2;
  } #zamlžení {
    background-color: #000;
    opacity: 0.75;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
</style>

Obsah stránky
<div id="zamlžení"></div>
<div id="okno">Okno</div>

<style>
  // deklarace stylů zmíněná výše
  #kontejnerProOkno {
    display: none;
  }
</style>

Obsah stránky - <a onclick="show();">Zobrazit okno</a>
<div id="kontejnerProOkno">
  <div id="zamlžení"></div>
  <div id="okno">
    <a onclick="hide();">Skrýt okno</a>
  </div>
</span>
<script>
  var element = document.getElementById("kontejnerProOkno");
  function show() {
    element.style.display = "block";
  } function hide() {
    element.style.display = "";
  }
</script>

#zamlžení {
  // zbytek deklarace
  width: 100%;
  width: expression(document.body.clientWidth + "px");
  // zbytek deklarace
}

<script> 
  var element = document.getElementById("kontajnerprookno"); 
  // Kdyžtak už takhle, javascript je case-sensitive: document.getElementsByTagname("body")[0]; 
  // Nicméně není to třeba, DOM host prostředí javascriptu zpřístupňuje kýženou referenci v document.body
  function show() {
    element.style.display = "block";
    document.body.style.overflow = "hidden";
  } function hide() {
    element.style.display = ""; // none není potřeba, definovali jsme ve stylopisu, že defaultně je element skrytý
    document.body.style.overflow = "";
  }
</script>