一只斗牛犬
2023-06-29 22:43:07
當(dāng)用戶單擊進(jìn)行購買時(shí),會出現(xiàn)一個(gè)彈出窗口,如下圖所示,但我希望它居中......在移動(dòng)版本上它可以工作,所以我不確定我錯(cuò)過了什么。我嘗試檢查該頁面,但沒有成功。任何幫助,將不勝感激。? .popUpBox {? ? width: 350px;? ? background: white;? ? text-align: center;? ? border: 1px solid gray;? ? padding: 20px;? ? position: fixed;? ? top: 50%;? ? z-index: 999999;? ? line-height: 3;? ? left: 50%;? ? transform: translate(-50%, -50%);? ? display: none;}
2 回答

LEATH
TA貢獻(xiàn)1936條經(jīng)驗(yàn) 獲得超7個(gè)贊
父 div 之一.page-container
具有以下 CSS :transform: translate3d(0, 0, 0);
這完全搞亂了position:fixed
,您的彈出窗口開始隨頁面滾動(dòng)。
在父級上刪除transform: translate3d(0, 0, 0);
,彈出窗口將正常運(yùn)行。

幕布斯7119047
TA貢獻(xiàn)1794條經(jīng)驗(yàn) 獲得超8個(gè)贊
移至div.popupBoxCon父級 div 之外并將其作為主體中的第一個(gè)子級。
給出絕對位置,它將始終位于所有設(shè)備尺寸的中心。
.popupBoxCon{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
z-index: 10;
}
<body>
<div class="popupBoxCon"></div>
</body>
添加回答
舉報(bào)
0/150
提交
取消