Ventana superpuesta

[pzin]

Bienvenido blauget.

Lo que buscas se conoce comúnmente como lightbox. Hay varias librerías y plugins en JavaScript con las que poder hacerlas sin tener amplio conocimiento.

Se puede también hacer mediante CSS, haciendo uso de :target y luego alguna posición absoluta para eso de oscurecer el fondo:

Código CSS:

div#ventana_superpuesta {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  background: rgba(0,0,0,.5);
}
 
div#ventana_supuesta:target {
  display: block;
}
 

Código HTML:

<a href="#ventana_supuesta">Abrir ventana</a>
<div id="ventana_supuesta">Contenido...</div>
 

Hacerlo mediante CSS tiene algunas desventajas, que se podrían evitar usando :checked. Pero ya sería algo un poco más complejo. Y dependiendo de lo que quieras poner en esa ventana, tal vez te convenga más usar algunas de las soluciones tipo lightbox que pululan por la red.