通用遮罩(字幕)(Dplayer,art,yzm,live....)
通用滚动遮罩
.content {
position: relative;
z-index: 1; /* 确保内容在遮罩之上 */
}
.overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 90%;
background-color: rgba(0, 0, 0, 0.5); /* 半透明黑色背景 */
color: white;
display: flex;
justify-content: center;
align-items: center;
z-index: 2; /* 确保遮罩在内容之上 */
}
<body>
<div class="content">
暂无内容。
</div>
<div class="overlay">
<marquee behavior="scroll">nohacks.cn提示您:切勿相信视频中任何链接广告</marquee>
</div>通用静态遮罩
<div style="position:absolute;left:25px;top:5px;color:#FF0000;">nohacks.cn提示您:切勿相信视频中任何链接广告</div>相关链接：在线编辑
