Primer plano transparente

Question

Me gustaría añadir una capa uniforme semitransparente como primer plano para un elemento div. ¿Cuál es la mejor manera de hacer eso?

Answer 1

Se podría utilizar este CSS ...

div.parent { 
    position: relative; 
} 

/* this div is a descendent of the div above */ 
div.child { 
    position: absolute; 
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0; 
    opacity: .6; 
    background: #fff; 
} 

jsFiddle.

Si desea que los eventos del ratón para ir a través esta cubierta, se suman a la pointer-events: nonediv.child.

te ha etiquetado que jQuery, por lo que añadir a este niño elemento a través de jQuery ...

$('div.parent').append('<div class="child" />');