ďťż

[css] przyciemnienie strony

       

Podstrony


telcocafe

witam z pomocą forum zrobiłem sobie taki bajer który daje nakładkę na całą stronę.
problem tkwi w tym że div, który się pojawia 'zasłania' stronę więc nie można klikać w żadne linki itp

proszę o wsparcie :)

kod:

<html> <head> <style type="text/css"> body { background: orange; font-family: Tahoma; font-size: 17px; text-align: center; } a:link, a:visited, a:hover { color: red; } #overlay { position: absolute; left: 0; top:0; width: 100%; height: 100%; background-color: #000000; opacity: 0.5; filter: alpha(opacity=50); width: 100%; height: 100%; display: none; } </style> </head> <body> <script language="javascript"> function przyciemnij(){ var overlay = document.getElementById("overlay"); overlay.style.display = "block"; } </script> <div id="overlay"></div> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> Aby przyciemnić stronę, kliknij <a href="java script:przyciemnij()">tutaj</a>. </body> </html>



To nie jest za duży wyczyn, ale czy działa z każdą przeglądarką? Czy jeśli pojawią się paski przewijania, nie będzie można z nich skorzystać po wywołaniu funkcji? Z przyczyn technicznych nie mogę przetestować tego rozwiązania, ale myślę, że w Operze 9.5x będzie problem (wiem co się dzieje z Gmailem, więc wspominam).

No i nie będzie można klikać w żadne. Nie można tego obejść.

zamiast na <div /> nakladaj filtr poprostu na <body />

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.