我是一个有用的助手,可以翻译文本。
CSS
正如您所见,我的代码无法正常工作,视频仍然隐藏在网页的某个地方。有什么想法吗?
我正在尝试模仿lumosity.com的首页,但我无法将视频背景设置为该部分。我已经完成的工作如下:
HTML
<section id="banner">
<video id="videobcg" preload="auto" autoplay="true" loop="loop" muted="muted" volume="0">
<source src="https://static.lumosity.com/resources/home_page_templates/574/neuralnetwork.mp4" type="video/mp4">
<source src="movie.webm" type="video/webm">
Sorry, your browser does not support HTML5 video.
</video>
<p>This is text that is in front of video, we do not want the z-index of video to be greater than content. Hence background!
</p>
</section>
CSS
#videobcg {
position: absolute;
top: 0px;
left: 0px;
padding: 5em 2em 4em 2em;
z-index: -1000;
overflow: hidden;
}
正如您所见,我的代码无法正常工作,视频仍然隐藏在网页的某个地方。有什么想法吗?