Jquery 透明前景

Jquery 透明前景,jquery,css,transparency,Jquery,Css,Transparency,我想添加一个半透明的均匀层作为div元素的前景。最好的方法是什么?您可以使用此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

我想添加一个半透明的均匀层作为
div
元素的前景。最好的方法是什么?

您可以使用此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;
} 

如果希望鼠标事件贯穿此封面,请添加到
div.child

您将其标记为jQuery,因此要通过jQuery添加此子元素

$('div.parent').append('<div class="child" />');
$('div.parent')。追加(“”);

过滤器:alpha(不透明度=60)
用于I.E.8及以下。我也会这样做;请注意,如果您需要文本选择或想要捕获事件,您必须跳过一些障碍。更新了根据alex的更新:真棒!我不知道会这么容易,谢谢你的更新。