no tengo ningun codigo ya escrito para que haga eso pero te recomiendo que desarrolles lo siguiente:
crea un div que ocupe toda la pantalla, y otro que se quede centrado. luego mediante los estilos utilizas la funcion opacity para que el fondo no sea del todo negro sea translucido en el que ocupa toda la pantalla, en el otro le pones el fondo al 100% y hay muestras lo que quieras.
deberia quedarte algo asi:
CSS
Código HTML:
#completo{
width: 100%;
height: 100%;
backgraund-color:#F00;
opacity: 0.65;
}
#mensaje{
background-color:#F00;
top: 45%;
left: 45%
color: #C00;
}
los div quedaria asi:
Código HTML:
<div id="completo"><div id="mensaje">AQUI EL MENSAJE</div></div>
Pruebalo si tienes alguna duda avisam.
Un Saludo y espero tu karma ;)