亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

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

如何給彈出層以外的所有區域增加遮罩層(帶透明和背景色),但是彈出層不受影響

如何給彈出層以外的所有區域增加遮罩層(帶透明和背景色),但是彈出層不受影響

Qyouu 2018-08-09 10:09:32
我目前是點擊按鈕 彈出 彈出層 后給body增加背景色和透明0.5 但是這樣就會影響 彈出層自身了,應該怎么解決呢?    <p style="background-color: orange">test...</p>     <input type="button" value="點擊,出現彈窗" id="btn-proup"/>     <script type="text/javascript">         let btn_proup = document.getElementById('btn-proup');         btn_proup.addEventListener('click', function () {             proup('你確定要關閉嗎?', 'Yes.', 'No.');         });    </script>.proup-div {    width: 100px;    height: 100px;    position: absolute;    background-color: #fff;    top: 50%;    left: 50%;    border-radius: 5px;    transform: translate(-50%,-50%);    border: 2px solid red; }.proup-title {    position: absolute;    color: blue; }.mask {    opacity: 0.3;    z-index: 11;    background-color: #bbb; }
查看完整描述

1 回答

?
阿晨1998

TA貢獻2037條經驗 獲得超6個贊

一般遮罩層要添加一個fixed定位的div,把它的left,right,top,bottom都設為0,它就會鋪滿當前屏幕,設置透明背景色,然后控制它的display就可以了。


查看完整回答
反對 回復 2018-09-21
  • 1 回答
  • 0 關注
  • 996 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號