¿Cómo se crea una superposición transparente para introducir / describir elementos en una página web?

Simplemente agregue un elemento HTML (mejor en este caso: una etiqueta

) al cuerpo de la página HTML.
Las siguientes son las propiedades críticas de CSS:

1. opacidad

Esta propiedad establecerá la transparencia del elemento

en una escala de 0 a 1, siendo 1 completamente opaco.

2. posición

Ajústelo a ‘absoluto’ junto con ‘izquierda’ o ‘arriba’ para colocarlo como una película sobre el resto de los elementos

3. arriba y a la izquierda

Mantenga estas propiedades en 0 para que su película se pegue a la izquierda y a la parte superior de la ventana de su navegador.

4. altura y ancho

Deben establecerse en la altura de la ventana (el puerto de vista) o en el documento completo, según el comportamiento que desee.

Por último, agregue los elementos que desea mostrar en esta superposición, al div que acaba de crear. Juega con posicionamiento absoluto y fijo para obtener los resultados deseados.

Lo que puedes usar es javasript con CSS3. Lo que lo ayuda a hacer que las cosas sean transparentes usando la propiedad opaca CSS y JavaScript se puede usar para resaltar y mostrar cosas que desea mostrar dinámicamente en su página.

No recuerdo ningún ejemplo en este momento, pero si quieres aprender css3 y javascript bascis.