Javascript html5视频上方的DIV

我有这个问题，需要帮助！我试图使用视频作为背景，然后将文本和图像放在div的顶部

以下是我到目前为止的情况：

<section id="VideoSection>  
    <div id="VideoText">Testing 123</div>
    <video autoplay loop poster="polina.jpg" id="bgvid">
        <source src="movie.mp4" type="video/webm">
    </video>
</section>

---

尝试将

位置：相对

指定给父元素，将

位置：绝对

指定给子元素，然后将

顶部

或

左侧

值指定给子元素。检查

section#VideoSection{position:relative;}

video#bgvid 
{
  position: absolute;
  z-index: 0;
  top:0;
  left:0;
}
#VideoText{
position: absolute;
z-index: 1;
top:12px;
}

然后添加

位置：相对

到

#VideoSection

，以便您能够在文本上使用绝对位置

#VideoSection{
    position:relative;
}

---

video#bgvid{z-index:-2；位置：绝对；/*也添加此项*/并将

position:relative

提供给家长。}首先，我建议您不要使用CSS中的负数，它们会让人困惑。尝试阅读以下内容：并将位置：绝对/相对视频。

<section id="VideoSection">

    <div id="VideoText">Testing 123</div>
    <video id=bgvid autoplay muted poster="http://media.w3.org/2010/05/bunny/poster.png">
        <source id="mp4" src="http://media.w3.org/2010/05/bunny/movie.mp4" type="video/mp4">
        <source id="ogv" src="http://media.w3.org/2010/05/sintel/trailer.ogv" type="video/ogg">
        <p>Your user agent does not support the HTML5 Video element.</p>
    </video>
 </section>

video#bgvid {
    z-index: -2;
}

#VideoText{
    position: absolute;
    z-index: 1;
}

#VideoSection{
    position:relative;
}