no recuerdo como se le conoce a eso, y tampoco se como hacerlo a la perfeccion.
pero mira
se conforma de 2 DIV.
Intenta esto usando puro HTML sin nada de SCRIPT.
cuando lo termines solo ponlos a los dos div display:none;
el primer div tendra una dimencion del tamaño de la pantalla.
asi como tambien es una posicion absoluta sobre las etiquetas.
y tan solo es nescesario ponerle una transparencia(no detectada en todos los navegadores).
el segundo div es un div centrado exclusivo con tamaño de pixeles de preferencia.
tendra que tener una prioridad mas alta que el div de fondo ya que tambien es absoluto.
Si tuvieras todos los estilos como devén de ser tan solo se escribe en html asi:
<div id="fondo"></div>
<div id="cuadro_central">Contenido que se muestra en el centro</div>
todo esto es solo teoria, se ve facil. pero no te preocupes ya hay muchos hechos talvez solo descargas el CSS y tu solo pones esa parte que puse yo.
una vez yo hice uno lo que se me hiso dificil fue el fondo que se mostrara 100% de grande en todas las dimensiones de todos los navegadores y tambien que fuera opaco.
si lo vez en termino de javascript solo al presionar un boton te aparece y se desaparece, espero que te sirva de algo todo esto.
creo que lo encuentras con el nombre de LIGHTbox en internet se usa mucho para imagenes. suerte.