html - 我想在视频顶部的“文本叠加”所以我可以调整它们的大小/位置

Question

这个想法是让移动视图有几个视频覆盖有导航链接。到目前为止，我尝试在与li主页索引链接相同的位置添加一个视频标签，以便它们包含在一起但不能覆盖它们。我试过了object-fit:cover;，background-image:cover;但他们没有反应。

关于我应该如何在不使用position:absolute;视频的情况下处理该概念的任何提示？提前致谢！

标签： htmlcsshtml5-videooverlaynav

Answer 1

我实际上意识到 CSS-grid 是最容易通过 grid-template-areas 使用的。我将它们分配到同一个区域，并且很好地覆盖了它们。