关于遮罩的几个常见问题

问题1：为什么要加网页遮罩？
一来为了避免二次提交，二来可以实现提示前往浏览器作用。

问题2：怎么加网页遮罩？
对CSS代码、js代码和html代码进行相关处理即可，

问题3：遮罩样式是否可以修改？
可以修改的，只要替换jpg图片上去就可以了。

问题4：在哪可以在线制作网页遮罩？
我们团队之前一直用的是Mindjump，可以在线一键加遮罩。

使用说明：
1、打开需要用到的平台Mindjump官网：http://www.mindjump.cn
2、复制http或https链接粘贴到输入框中，点击在线生成即可

相关代码：

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

css代码

​
<style type="text/css">   
    .mask {     
            position: absolute; top: 0px; filter: alpha(opacity=60); background-color: #777;   
            z-index: 1002; left: 0px;   
            opacity:0.5; -moz-opacity:0.5;   
        }   
</style>

js代码

​
<pre class="html" name="code"><script type="text/javascript">   
    //兼容火狐、IE8 
    //显示遮罩层  
    function showMask(){   
        $("#mask").css("height",$(document).height());   
        $("#mask").css("width",$(document).width());   
        $("#mask").show();   
    }
    //隐藏遮罩层
    function hideMask(){   
        
        $("#mask").hide();   
    }
   
</script>

html代码

​
<div id="mask" class="mask"></div>  
<a href="javascript:;" onclick="showMask()" >点我显示遮罩层</a><br />

Mindjump-超赞！在线实现微信内置浏览器加网页遮罩提示打开浏览器 随笔

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄