[JavaScript] retro oscurato

[ianaz]

Salve, volevo sapere cosa "studiare" per poter fare una cosa così in javascript:



Praticamente "oscura" la pagina dietro (non vanno più i bottoni ed i links).
Pensavo di assegnargli un opacity 10 ma poi come faccio a metterci un div li così?

Grazie

[andbin]

Originariamente inviato da ianaz

Praticamente "oscura" la pagina dietro (non vanno più i bottoni ed i links).
Pensavo di assegnargli un opacity 10 ma poi come faccio a metterci un div li così?

Uhm ... interessante, lo sto studiando con il DOM Inspector di Firefox. Da quello che sto vedendo la box bianca è un DIV posizionato a z-index 9000 mentre appena sotto, a z-index 5000, c'è un DIV che copre l'intera area (width e height a 100%) e che ha come background una immagine PNG che suppongo usi il canale alpha per dare una semi-trasparenza.
Quindi se clicchi su qualcosa, il clic finisce su quel DIV e non più "sotto".

[ianaz]

E senza trasparenza?
Intendo metterci un div sopra a tutta la pagina...

[andbin]

Ho scritto un semplice esempio, provalo. Nota che funziona senza problemi con Firefox mentre (guarda caso ) non funziona con IE. Appena ho tempo cerco di capire come renderlo compatibile con IE.
Comunque l'esempio è giusto per dare una idea.

[0rph3n]

beh basta non mettere la png no?!
a parte gli scherzi, non ho capito la domanda!

[andbin]

Mi è venuta in mente solo adesso una cosa .... in effetti anche nella fase di "oscuramento", utilizzando il tasto TAB è possibile muoversi tra i link "sotto" e quindi poi attivarli con INVIO.
Ma ho visto che anche quel sito che hai indicato si comporta così.

[ianaz]

Non m'importa molto di oscurare dietro, mi va bene così
Per la storia del tab non fa niente, se l'utente vuole cliccare sui link lo faccia pure
Grazie mille