在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5/ 如何實現(xiàn)全屏遮罩層toast彈窗

如何實現(xiàn)全屏遮罩層toast彈窗

clipboard.png

要做一個全屏的遮罩層，設(shè)置了toast遮罩層的height是100%，結(jié)果當(dāng)頁面出現(xiàn)滾動條的時候發(fā)現(xiàn)，這個toast層的高度只有一個html:100%;的高度，底部的部分不會被包裹住，toast里面的這個彈窗用的是position:absolute;top:50%;transform:translateY(-50%);定位，這樣的話當(dāng)頁面在大屏小屏上顯示時彈窗的位置就回變化；要怎么解決這個問題？

回答
編輯回答
擱淺
    position: fixed;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
2017年5月9日 11:04