css - 如何使此弹出窗口不显示在主标题后面

Question

您好，首先我要提前感谢您的宝贵时间。

我试图建立我的第一个网站，但在桌面上我的标题后面显示了一个弹出窗口。

在结帐页面上，当用户选择它并单击“Realizar pedido”或下订单时，我有一个付款选项“Paga con Yape o Plin”或触发弹出窗口（popup-main-wrapper），因此用户可以扫描二维码. 问题是这个弹出窗口显示在标题后面，我似乎无法在屏幕上居中。

• 问题

• 我想让它看起来像这样：

我的网站网址：https ://intiwallets.com/checkout/

编辑：我很抱歉忘了提，我确实在弹出包装上尝试了这段代码，将高度调整为 115%，看起来不错，但是当我在不同的 PC 和浏览器上查看它时，它仍然显示在标题后面。

.popup-wrapper{
background:rgba(0,0,0,.4);
/*cursor:pointer;*/
display:none;
height:115%;
position:fixed;
text-align:center;
top:0;
width:100%;
z-index:10000;
}

任何想法或建议将不胜感激。

基督徒有美好的一天，

标签： csswordpress

Answer 1

您的弹出窗口只需要在顶部留出一点边距，因此它会稍微低一点，并且不会消失在您的标题后面。尝试将其添加给您popup-wrapper：

margin-top:100px;