在背景上給出半透明效果而不是視頻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

回答

相關問題