html - 如何将 Div 放在我的 iFrame 视频下方

Question

我目前有一个 iframe 视频，上面有 4 个可点击的图片。在此之下，我想要一个联系我的页面，但是，我面临的问题是如何让我的联系我 div 播放 iframe 视频。有人可以帮我解决这个问题吗？目前，在我的 codepen 上，您会看到我已经应用了一个线性渐变线，这是放置视频的地方，即使我有一个 Contact Me div，它也没有放在左上角，后面iframe 视频，我希望它位于 div 下方，与它完全分开。

你可以在我的代码笔上看到我的代码，here

这就是我目前拥有的:

.

正如您从屏幕截图中看到的，这是首页，但“联系我”div 位于视频后面，在顶 Angular ...有人可以帮我解决这个问题吗？

Answer 1

你有太多绝对定位的元素。你不需要所有这些。要相对于其父元素绝对定位元素，您只需将 position: relative 添加到 parent 并将 position: absolute 添加到 child 。

因为你绝对定位所有东西，元素正在失去它们的高度，这就是为什么你的联系 div 移动到顶部，因为页面的流动被打破了，因此，你的联系 div 并没有真正看到上面的元素它。另外，正文上有 color: white，这适用于页面上的所有内容，包括联系人 div。更改它，您会在标题顶部找到您的联系人。

如果您需要更多信息，我很乐意提供帮助。