我目前有一个 iframe 视频，上面有 4 个可点击的图片。在此之下，我想有一个联系我页面，但是，我面临的问题是如何让我的联系我 div 破坏 iframe 视频。有人可以帮我解决这个问题吗？目前，在我的 codepen 上，你会看到我已经应用了一个线性渐变，这是放置视频的位置，即使我有一个 Contact Me div，它也没有放在左上角，后面iframe 视频，我希望它位于 div 下方，与它完全分开。
你可以在我的 Codepen 上看到我的代码，here
.
从屏幕截图中可以看出，这是首页，但“联系我”的 div 位于视频后面，在顶角...有人可以帮我解决这个问题吗？
【问题讨论】：
绝对定位的元素太多。你不需要所有这些。 要将元素相对于其父元素进行绝对定位，您只需将 position: relative 添加到 parent 并将 position: absolute 添加到孩子。
而且由于您对所有内容都进行了绝对定位，因此元素正在失去其高度，这就是为什么您的联系人 div 移动到顶部的原因，因为页面的流程被破坏了，因此，您的联系人 div 并没有真正看到上面的元素它。另外，您在正文上有 color: white，这适用于您页面上的所有内容，包括联系人 div。更改它，您会在标题顶部找到您的联系人。
如果您需要更多信息，我很乐意提供帮助。
【讨论】：
您的联系人标题在那里。它在左上角，但它是白色的（至少这是我在代码链接上看到的）给<h1> 一个样式颜色以帮助使其脱颖而出，<h1 style="color:blue;"> 等。还将 div 移动到在代码中的图像上方。这也应该有所帮助。
【讨论】：