当前位置 : 主页 > 网页制作 > JQuery >

jquery – 如何用半透明图像覆盖div?

来源:互联网 收集:自由互联 发布时间:2021-06-15
我想要覆盖 div所以看起来它上面有一个半透明的块. 我正在使用jQuery但我不知道该怎么做. 任何帮助谢谢…… 如果你有另一个div,你可以获得尺寸位置 var $somediv = $('#some_div_element'), pos
我想要覆盖< div>所以看起来它上面有一个半透明的块.

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

任何帮助谢谢……

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

网友评论