扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
你这个应该是由于iframe的原因吧,建议使用top访问顶层页面,然后在顶层页面加入这个遮罩层试试。
成都创新互联公司专注为客户提供全方位的互联网综合服务,包含不限于成都网站设计、做网站、汾阳网络推广、微信小程序、汾阳网络营销、汾阳企业策划、汾阳品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;成都创新互联公司为所有大学生创业者提供汾阳建站搭建服务,24小时服务热线:18980820575,官方网址:www.cdcxhl.com
只需5个步骤就可以解决遮住全屏的问题。
1.打开UE编辑器,创建一个空白的HTML源文件和CSS源文件,如下图。
2.在个HTML文件中输入下列HTML代码,如下图参考。
3.在CSS文件中输入以下CSS代码,如下图。
4.编辑完成后,选择UTF8-noBOM模式保存文件,如下图。
5.在浏览器中打开HTML文件,您可以看到最终想要实现的遮住全屏效果,如下图。
在页面里加个全屏的div块,设置半透明,z-index设置最高。然后将放大后的图片z-index设置比遮罩层高一点。点击遮罩层或关闭按钮后用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';
}
你百度一下就知道了啊!
实际上就是一个div层,这个层是在最上层,透明或者半透明的,这样就可以遮住下面的页面。
你就无法进行操作,这个是ajax流行以后的一个让ajax返回值之前不能进行操作的解决方法
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流