为什么 PayPal Iframe 停留在固定导航栏上方？

Question

我已从此链接添加了 PayPal Checkout 按钮。我遇到的问题是 PayPal 按钮所在的 iframe 停留在页面上固定导航栏的上方。为什么会发生这种情况以及如何将其放回顶部？

我尝试阅读文档，但似乎没有提到这种行为。我还尝试将 z-index 更改为我的导航栏，但这没有帮助。

这是我的导航栏的 CSS。

.top {
  background-color: black;
  height: 50px;
  width: 100%;
  position: fixed;
  z-index: 5;
  top: 0;
  overflow-x: hidden;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  color: white;
}

<nav class="top"></nav>

Answer 1

在 CSS 中，定位 iframe 元素并尝试添加此代码

position: relative;
z-index: 0;