Jquery 如何用半透明图像覆盖div？

我想覆盖一个

，这样看起来它上面有一个半透明的块

我正在使用jQuery，但我不知道怎么做

---

任何帮助，谢谢…

您可以使用CSS3来完成此操作。将

绝对放置在其上方，并为

提供背景：

rgba（255255255.3）

如果您有另一个

div

，您可以得到如下的尺寸+位置

var $somediv = $('#some_div_element'),
    pos      = $.extend({
       width:    $somediv.outerWidth(),
       height:   $somediv.outerHeight()
    }, $somediv.position());

然后在动态创建覆盖时使用它

$('<div>', {
    id:    'overlay',
    css:   {
        position:         'absolute',
        top:              pos.top,
        left:             pos.left,
        width:            pos.width,
        height:           pos.height,
        backgroundColor:  '#000',
        opacity:          0.50
    }
}).appendTo($somediv);

$（“”{
id:'覆盖'，
css:{
位置：'绝对'，
顶部：位置顶部，
左：位置左，
宽度：位置宽度，
高度：位置高度，
背景颜色：“#000”，
不透明度：0.50
}
}).appendTo（$somediv）；

---

示例：

+1因为我不知道jQuery的元素创建部分允许您提供这样的属性（特别是CSS）。谢谢这个rgba功能在所有平台上都兼容吗？例如：IE7