Creazione di un messaggio di avviso - javascript, jquery

Voglio creare la mia semplice finestra di avviso conjQuery. Due problemi: come faccio a impedire alle persone di fare clic su qualsiasi elemento nel corpo prima che l'utente faccia clic sul pulsante OK in allerta? E come rendere il corpo tutto buio tranne un elemento? Grazie.

risposte:

Posiziona un div con opacità parziale su tutto il contenuto. CSS tipico:

.cover {
position: absolute;
top: 0;
left: 0;
z-index: 1000;
opacity: .7;
background-color: #000;
width: 100%;
height: 100%;
}

Ora posiziona un div posizionato, la finestra di dialogo, sopra il .cover div, e dai a questa finestra un indice z più alto.

Piuttosto che reinventare la ruota, guarderei Finestra di dialogo dell'interfaccia utente jQuery con l'opzione modale.