Html 为什么PayPal Iframe保持在固定导航栏上方？

我已经从这个链接添加了PayPal结帐按钮。我遇到的问题是，PayPal按钮所在的iframe位于页面上固定导航栏的上方。为什么会发生这种情况？我如何将其放回顶部

我试图阅读文档，但似乎没有提到这种行为。我还尝试将z索引更改为导航栏，但没有效果

这是我的导航栏的css

.top{
背景色：黑色；
高度：50px；
宽度：100%；
位置：固定；
z指数：5；
排名：0；
溢出x：隐藏；
显示器：flex；
弯曲方向：行；
对正内容：空间均匀；
对齐项目：居中；
颜色：白色；
}

---

在CSS中，以iframe元素为目标，尝试添加此代码

position: relative;
z-index: 0;

---

给链接到你的网站PLSY你也可以针对家长的贝宝按钮div。