如何制作视频标签背景?
问题描述:
我试图让在视频标签的背景,不透明度0.6:如何制作视频标签背景?
HTML:
<body>
<video></video>
</body>
的CSS:
body {
background: #000;
opacity: 0.6;
position: relative
}
答
.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;}
答
试试这个
body {}
video {
position: relative;}
video:after {
content: '';
opacity: 0.6;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
+0
这是行不通的 – Dev
请问您能详细说明一下您的问题吗?你想达到什么目的? – ohvitorino