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

Question

我想覆盖<div>它,看起来它上面有一个半透明的块.

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

任何帮助谢谢......

Answer 1

如果你有另一个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);

示例:http://www.jsfiddle.net/GkFu4/1/