如何製作視頻標籤背景？

-1

我試圖讓在視頻標籤的背景，不透明度0.6：如何製作視頻標籤背景？

HTML：

<body> 
    <video></video> 
</body>

的CSS：

body { 
    background: #000; 
opacity: 0.6; 
position: relative 
}

來源

2016-07-28 Dev

請問您能詳細說明一下您的問題嗎？你想達到什麼目的？ – ohvitorino

check out this fiddle link

.video-wrapper{width:320px;height:240px;position:relative;} 
    .video-overlay{background:red;opacity:0.6;position:absolute;width:100%;height:100%;top:0;left:0;} 
    .video-wrapper:hover .video-overlay{display:none;}

來源

2016-07-28 11:52:12

試試這個

body {} 
video { 
    position: relative;} 
video:after { 
    content: ''; 
    opacity: 0.6; 
    position: absolute; 
    left: 0; 
    top: 0; 
    width: 100%; 
    height: 100%; 
}

來源

2016-07-28 10:06:36

這是行不通的 – Dev

如何製作視頻標籤背景？

回答

相關問題