Затемнение

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

В приведенном здесь примере затемняющее изображение задано тегом:

<img src="../black.png" id="dark" width="1000" height="1500"
     style="position:absolute;top:0;left:0;display:none" />
Ради IE 8 и более ранних версий следует определить стилевой параметр filter:
<!--[if IE]>
  <style type="text/css">
    #dark {filter:alpha(opacity=100)}
  </style>
<![endif]-->
Файл black.png содержит черный квадрат размером 1x1 px. В исходном состоянии он не отображается. При щелчке на кнопке вызывается функция shadow(), делающая его видимым и запускающая процесс постепенного увеличения прозрачности, который завершается установкой параметра display:none.

Hosted by uCoz