第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會有你想問的

中心彈出固定對齊僅適用于移動(dòng)視圖

中心彈出固定對齊僅適用于移動(dòng)視圖

一只斗牛犬 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)行。


查看完整回答
反對 回復(fù) 2023-06-29
?
幕布斯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>


查看完整回答
反對 回復(fù) 2023-06-29
  • 2 回答
  • 0 關(guān)注
  • 127 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號