Vogliamo ricreare il classico effetto di oscuramento della pagina web, che sembra passare in secondo piano come se diventasse uno sfondo per dare evidenza al popup, che altro non è che un div nascosto da richiamare (o rinascondere) quando opportuno.
Dovremo anche creare preventivamente un’immagine in formato PNG semitrasparente (la chiamerò “semitrasparente.png“) che servirà a coprire il tutto. Va bene anche di 1x1px che poi si ripeterà dove serve.
Vediamo un po’ di codice.
La struttura dell’(x)html dovrebbe essere una cosa del genere:
<div id="coprente"> <div id="box_popup_che_deve_comparire"> ... contenuto del box ...<br> Potremmo mettere un po' di pubblicità...<br><br> </div> </div>
Continua la lettura di Oscurare la pagina di fondo e visualizzare un popup