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

您好首先我要感谢您提前抽出时间

我试图建立我的第一个网站，但我被桌面上标题后面的弹出窗口卡住了

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

• 我想让它看起来像

我的网站网址：

编辑： 我很抱歉忘了提及，我确实在弹出包装上尝试了这段代码，将高度调整为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;
}

如有任何想法或建议，将不胜感激

祝你今天愉快

---

Christian，

您的弹出窗口只需要在顶部留一点边距，这样它就会变得更低，并且不会消失在标题后面。尝试将此添加到您的弹出包装中

：

margin-top:100px;

Stackoverflow基本上是一个网站：-我已经尝试过这个（放一些代码），我得到了这个。我该怎么做才能得到它？请向我们展示一些代码尝试。正如上面的评论所说，请阅读“如何询问”帮助页面-主要是“帮助他人重现问题”部分。对此我很抱歉，我添加了我修改过的代码，虽然有点有效，但在从另一台PC/浏览器浏览时仍然显示在标题后面