Si può fare anche con css. Carichi un'altra pagina in cui hai aggiunto due div. Il primo ha posizione fissa, occupa tutta la pagina, colore nero e opacità 0.5. Il secondo è sopra il primo, ha posizione fissa, è centrato e contiene quello che ci vuoi mettere. Qualcosa tipo
codice:
#sfondo {
position: fixed;
width: 100%;
height: 100%;
background-color: #000000;
opacity: 0.5;
z-index: 10;
}

#finestrella {
position: fixed;
width: 50%;
height: 50%;
top: 25%;
left: 25%;
z-index: 11;
}