以前做遮罩層都是寫(xiě)最小高度來(lái)占滿屏，但是總會(huì)出現(xiàn)問(wèn)題，也沒(méi)改變，今天一個(gè)人在交流群上問(wèn)這個(gè)時(shí)，看到一個(gè)回答解決了我這一個(gè)bug，學(xué)到了，現(xiàn)在記錄一下樣式。

<div class=’popContainer’></div>

div.popContainer{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.3);}

這樣遮罩層就會(huì)占滿屏了

補(bǔ)充知識(shí)：vue 鎖定蒙版 不讓里面頁(yè)面滑動(dòng)

其實(shí)就是一句代碼，在你的蒙版里面添加一句@touchmove.prevent就好了，下面是例子

<!-- 陰影背景層 --> <div @touchmove.prevent : @click='closeAction'></div>

以上這篇vue 彈出遮罩層樣式實(shí)例就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持好吧啦網(wǎng)。