Html 如何在页面的视频背景下放置列表？
我正在使用一个固定位置的视频标签作为页面顶部的背景。现在我想在它下面放一个列表，但我的列表没有很好的定位，而是有一个绝对位置。我不知道我的代码哪里错了 我能做些什么来解决这个问题Html 如何在页面的视频背景下放置列表？,html,css,Html,Css,我正在使用一个固定位置的视频标签作为页面顶部的背景。现在我想在它下面放一个列表，但我的列表没有很好的定位，而是有一个绝对位置。我不知道我的代码哪里错了 我能做些什么来解决这个问题 *{ 边界：0； 保证金：0； 填充：0； } a{ 文字装饰：无； 颜色：白色； } 保险商实验室{ 列表样式类型：无； } .我的菜单{ 浮动：左 } .mymenu>li{ 背景色：#ff9933； 浮动：左； 高度：60px； 线高：60px； 文本对齐：居中； 填充：0.80px； } .我的菜单李：悬停{
*{
边界：0；
保证金：0；
填充：0；
}
a{
文字装饰：无；
颜色：白色；
}
保险商实验室{
列表样式类型：无；
}
.我的菜单{
浮动：左
}
.mymenu>li{
背景色：#ff9933；
浮动：左；
高度：60px；
线高：60px；
文本对齐：居中；
填充：0.80px；
}
.我的菜单李：悬停{
背景：#e62e00；
光标：指针；
}
我的菜单{
位置：绝对位置；
左：415px；
显示：无
}
.mymenu li ul li{
背景色：#ff6600；
浮动：左；
填充：0 42px；
左：0；
}
.我的菜单李：悬停{
显示：块；
}
/*==================================*/
.myvideo{
位置：固定；
身高：100%；
宽度：100%；
z指数：-10；
溢出：隐藏；
排名：0；
左：0；
}
.我的视频{
位置：绝对位置；
排名：0；
左：0；
最小高度：100%；
最小宽度：100%；
}
.myvideo.mycontent{
位置：绝对位置；
身高：100%；
宽度：100%；
颜色：#fff；
背景：rgba（0,0,0,2）
}
.清楚{
明确：两者皆有；
}
文件
欢迎
Lorem ipsum dolor sit amet，奉献精英。多洛雷，大盲肠
.mycontent.myvideo<body>
<div class="myvideo">
<video autoplay loop muted>
<source src="video/Vue%20Js%20Tutorial%20Intro%20with%20TodoList%20-%203%20For%20loops%20and%20if.mp4">
</video>
</div>
<div class="mycontent">
<h1>welcome</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore, obcaecati.</p>
<div class="clear"></div>
<ul class="menu2">
<li><a href="#">section 1</a>
</li>
<li><a href="#">section 2</a>
</li>
<li><a href="#">section 3</a>
</li>
<li><a href="#">section 4</a>
</li>
<li><a href="#">section 5</a>
</li>
</ul>
</div>
</body>
欢迎
Lorem ipsum dolor sit amet，奉献精英。多洛雷，大盲肠
.mycontent