透明的前景

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，所以要通过jQuery添加这个 child 元素......

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