Przejrzysty pierwszy plan

Question

Chciałbym dodać półprzezroczystą jednolitą warstwę jako pierwszy element dla elementu div. Jaki jest najlepszy sposób na zrobienie tego?

Answer 1

Można użyć tego 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.

Jeśli chcesz, aby zdarzenia myszy przechodziły przez tej okładki, dodaj pointer-events: none do div.child.

Państwo określili to jQuery, tak aby dodać dziecko elementu za pomocą jQuery ...

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