在背景上给出半透明效果而不是视频div

我在div中使用video标签。现在我想让该区域的其余部分变得透明或透明。已经有一个背景图片，所以我也不能使用透明PNG。在背景上给出半透明效果而不是视频div

<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>

请帮帮我。

来源

2015-06-22 Hitendra

对不起，这个问题不清楚... –

我要模糊或U可以说给喜欢不透明的透明效果的区域的其余部分，而不是这个div – Hitendra

请提供的jsfiddle或demo..Thanx –

您可以使用filter：blur（5px）;在您的背景图像上的z-index小于您的前景。

来源

2015-06-22 08:12:28 Anna

我刚刚发现你的问题在这里回答（如果我有正确的理解），用一个演示：[link]（http ：//stackoverflow.com/questions/20039765/how-to-apply-a-css-3-blur-filter-to-a-background-image） – Anna

不，这不是我想要的@安娜 – Hitendra

只使用你的建议图像将模糊...我也想在页面上模糊或半透明的其他东西... – Hitendra

在背景上给出半透明效果而不是视频div

回答

相关问题