Прозрачный передний план

Question

Я бы хотел добавить полупрозрачный равномерный слой в качестве переднего плана для элемента div.Каков наилучший способ сделать это?

Answer 1

Вы можете использовать этот 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 .

Если вы хотите, чтобы события мыши проходили от до этой обложки, добавьте pointer-events: none к div.child.

Вы отметили его как jQuery, поэтому добавьте этот элемент child через jQuery ...

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