Tal vez hayas visto que algunas páginas implementan un efecto muy destacador, consiste en que cuando haces clic en algo específico, el campo de la página se torna oscuro y solo resalta una caja con el contenido llamado por el clic que hiciste, bueno a esta caja se le llama lightbox, es muy poco usada por ahora, pero tal vez en un futuro lo será. Hay algunas webs que la usan, pero la mayoría con ayuda de javascript, pero este se caracteriza por ser completamente con HTML y CSS, lo que la hace mucho más ligera y fácil de crear.

Los chicos de Think Vitamin, exactamente Jenna Smith, publicó un post con este funcional tutorial. Ella explica explícitamente lo que debes hacer para obtener el correcto funcionamiento de la lightbox. Debes tener en cuenta que el tutorial es en inglés, usa Google Translate si no tienes conocimientos sobre el idioma, aun así el tutorial es intuitivo.

Enlace | How to Create a Valid Non-Javascript Lightbox
Demo | Link