Question

我正在尝试创建一个包含视频背景，背景音乐和位于视频顶部上的图像的简单页面。视频背景和音乐目前可以正常工作，但是无论我如何尝试，图像仍保留在视频下方。

HTML

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="mystyle.css">
</head>
<body>
    <img src="Picture.jpg">
    <embed name="Song" src="Song.mp3" loop="false" hidden="true" autostart="true">
    <div class="section">
        <video autoplay loop muted>
            <source src="Background.mp4" type"video/mp4">
    </video>
    </div>
</body>
</html>

CSS

.section{
     position: fixed;
     right: 0;
     bottom: 0;
     width: auto;
     height: auto;
     display: flex;
     align-items: center;
     justify-content: center;
     z-index: 500;
}
 .img src {
     position: fixed;
     align-items: center;
     justify-content: center;
     z-index: 1;
}

如何将图像放在视频背景上

0 个答案: