Devi semplicemente sovrapporre un <div> a tutta la pagina.
Per far cio` il <div> da sovrapporre deve essere figlio diretto del body e deve avere:
position: absolute;
z-index: 200; /* alto: superiore ad ogni altro eventuale z-index */
width: 100%; height: 100%;
top:0; left: 0;
opacity: ...; /* Firefox e Safari */
moz-opacity: ...; /* Mozilla */
filter: alpha(...); /* IE */
Tale oggetto puo` avere
display: none; /* oppure block */
o, in alternativa,
visibilty: hidden; /* oppure visible */
che puoi settare da JS, se devi mostrarlo/nasconderlo mediante eventi diversi dall'hover.
Nota: non tutti i browser supportano l'opacita`, che sara` presente come standard solo nei CSS3.
