Devi impostare anche z-index nel css
Per esempio...
z-index=1 per la pagina
z-index=50 per lo sfondo "coprente"
z-index=100 per la popup
css:
codice:
div#pagina {z-index:1; }
div#coprente { width: 100%; height: 100%; position: absolute; top:0px; left:0px; z-index:50; background-color: #000000; opacity: 0.8; filter: alpha(opacity=80); display: none; }
div#popup { position: absolute; top: 50%; left: 50%; margin-left: -250px; margin-top: -150px; width: 500px; height: 300px; background-image:url('$css_messagepopupbkg'); display: none; z-index: 100; }
In definitiva.... questo è un aiutino.... quando ti serve la popup rendi visibile sia il div coprente che la popup, quando non ti serve più li rendi invisibili.
Cerca in giro css z-index, opacity e filter.... fai le modifiche che devi e funzionerà tutto.
Ciao