<html> <head> <style> #warstwa { width:250px; height:100px; border:1px solid black; display: none; } </style> <script> function funkcja(){ a=document.getElementById('warstwa') a.style.display=a.style.display=='block'?'none':'block' } function zamknij(){ document.getElementById('warstwa').style.display='none' } </script> </head> <body> <a href="java script:funkcja()">pokaż warstę</a> <div id="warstwa"> <a href="java script:zamknij()">[X]</a><Br/> jakaś tam super warsewka :) </div> </body> </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:
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
ale nie wiem jak to zastosować itp.
Czy ktoś może mi pomóc ?