你這個(gè)應(yīng)該是由于iframe的原因吧,建議使用top訪(fǎng)問(wèn)頂層頁(yè)面,然后在頂層頁(yè)面加入這個(gè)遮罩層試試。
成都創(chuàng)新互聯(lián)公司專(zhuān)注為客戶(hù)提供全方位的互聯(lián)網(wǎng)綜合服務(wù),包含不限于成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站、汾陽(yáng)網(wǎng)絡(luò)推廣、微信小程序、汾陽(yáng)網(wǎng)絡(luò)營(yíng)銷(xiāo)、汾陽(yáng)企業(yè)策劃、汾陽(yáng)品牌公關(guān)、搜索引擎seo、人物專(zhuān)訪(fǎng)、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等,從售前售中售后,我們都將竭誠(chéng)為您服務(wù),您的肯定,是我們最大的嘉獎(jiǎng);成都創(chuàng)新互聯(lián)公司為所有大學(xué)生創(chuàng)業(yè)者提供汾陽(yáng)建站搭建服務(wù),24小時(shí)服務(wù)熱線(xiàn):18980820575,官方網(wǎng)址:www.cdcxhl.com
只需5個(gè)步驟就可以解決遮住全屏的問(wèn)題。
1.打開(kāi)UE編輯器,創(chuàng)建一個(gè)空白的HTML源文件和CSS源文件,如下圖。
2.在個(gè)HTML文件中輸入下列HTML代碼,如下圖參考。
3.在CSS文件中輸入以下CSS代碼,如下圖。
4.編輯完成后,選擇UTF8-noBOM模式保存文件,如下圖。
5.在瀏覽器中打開(kāi)HTML文件,您可以看到最終想要實(shí)現(xiàn)的遮住全屏效果,如下圖。
在頁(yè)面里加個(gè)全屏的div塊,設(shè)置半透明,z-index設(shè)置最高。然后將放大后的圖片z-index設(shè)置比遮罩層高一點(diǎn)。點(diǎn)擊遮罩層或關(guān)閉按鈕后用JS隱藏遮罩層和圖片。
#lid{
width:?100%;
height:?100%;
background:?black;
opacity:?0.5;
position:?fixed;
top:?0;
left:?0;
color:?white;
z-index:?-1;
display:?none;
}
#top{
background:?white;
width:?500px;
height:?200px;
margin:?100px?auto;
border-radius:?10px;
display:?none;
html
div正常顯示文字位置/div
button顯示遮罩層/button
div?id="lid"/div
div?id="top"這是遮罩層顯示文字位置/div
js
oBtn?=?document.querySelector('button');
oLid?=?document.getElementById('lid');
oTop?=?document.getElementById('top');
oBtn.onclick?=?function(){
oLid.style.display?=?'block';
oTop.style.display?=?'block';
}
你百度一下就知道了啊!
實(shí)際上就是一個(gè)div層,這個(gè)層是在最上層,透明或者半透明的,這樣就可以遮住下面的頁(yè)面。
你就無(wú)法進(jìn)行操作,這個(gè)是ajax流行以后的一個(gè)讓ajax返回值之前不能進(jìn)行操作的解決方法