Witam serdecznie, mam taki kod java script:

  1. <html>
  2. <head>
  3. <style>
  4. #warstwa {
  5.   width:250px;
  6.   height:100px;
  7.   border:1px solid black;
  8.   display: none;
  9. }
  10. </style>
  11. <script>
  12. function funkcja(){
  13. a=document.getElementById('warstwa')
  14. a.style.display=a.style.display=='block'?'none':'block'
  15. }
  16. function zamknij(){
  17. document.getElementById('warstwa').style.display='none'
  18. }
  19. </script>
  20. </head>
  21. <body>
  22. <a href="java script:funkcja()">pokaż warstę</a>
  23. <div id="warstwa">
  24. <a href="java script:zamknij()">[X]</a><Br/>
  25. jakaś tam super warsewka :)
  26. </div>
  27. </body>
  28. </html>


kod wyświetla warstwę po kliknięciu w link i zamyka X'em lub ponownym kliknieciem w ten sam link, ale chcialbym do niego dodac efekt wyciemnienia reszty strony po otwarciu warstwy, znalazłem w skrypcie 'lightbox' cos takiego:
  1. filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");

ale nie wiem jak to zastosować itp.
Czy ktoś może mi pomóc ?