jquery - 对背景而不是视频 div 赋予半透明效果

Question

我在 div 中使用了 video 标签。现在我想让该区域的其余部分半透明或透明。背景图片已经有了，所以我也不能使用透明的 png。

<div id="WelcomeVideo12"  style="width:100%; margin-left: px;" >
    <video id="frist_video" style="width:97% !important; height:100%;margin-top:-100%;"  autoplay='true' loop='true'>
        <source src="<?php echo $base_url ; ?>upload_media/Welcome.mp4" type="video/mp4">
        <source src="mov_bbb.ogg" type="video/ogg">
        Your browser does not support HTML5 video.
    </video>
</div>

请帮帮我。

Answer 1

您可以在背景图像上使用 filter: blur(5px);，z-index 小于前景。