网页遮罩效果
A. 如何实现一开网页就实现页面遮罩
在<body>标签里加入这样一个层：
<div
style="position:absolute;z-index:100;width:100%;height:100%;background-color:#999;filter:Alpha(Opacity=50)"></div>
注意：这个效果要设置浏览器允许运行活动内容
B. 图示的网页透明效果，是怎样实现的
第一种：加入带有颜色的遮罩一样的半透明效果。
源代码为:
<STYLE type=text/css>
.bodyBg {background:#transparent;filter:progid:DXImageTransform.Microsoft.gradient(GradientType ='1',enabled='true',startColorstr=#AAFFFFFF, endColorstr=#AAFFFFFF);}
</STYLE>
代码中：startColorstr=#AAFFFFFF 前面的AA是透明度，修改成FF是不透明，00是全透明，后面的 FFFFFF 是颜色，就是说在上面蒙什么颜色的东西，正常使用这个效果startColorstr=#AAFFFFFF和 endColorstr=#AAFFFFFF 后面的=#AAFFFFFF数值要一样!
2.简易透明效果。
将上面的渲染方式改为：filter:alpha(opacity=80)，80是透明值，100为不透明，0为全透明。
3.其实CSS还有很多其他的渲染方式~付上其他的一些渲染代码。
黑白照片 filter: gray;
X光照片 filter: Xray;
风动模糊 filter: blur(add=true,direction=45,strength=30);
正弦波纹 filter: Wave(Add=0, Freq=60, LightStrength=1, Phase=0, Strength=3);
半透明效果 filter: Alpha(Opacity=50);
线型透明 filter: Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=140);
放射透明 filter: Alpha(Opacity=10, FinishOpacity=100, Style=2, StartX=30, StartY=30, FinishX=200, FinishY=200);
白色透明 filter: Chroma(Color=#FFFFFF);
降低色彩 filter: grays;
底片效果 filter: invert;
左右翻转 filter: fliph;
垂直翻转 filter: flipv;
投影效果 filter:progid:dXImageTransform.Microsoft.DropShadow(color=#cccccc,offX=5,offY=5,positives=true);
马赛克 filter:progid:dXImageTransform.Microsoft.Pixelate(maxsquare=3);
发光效果 filter:progid:dXImageTransform.Microsoft.Glow(color=#cccccc,Strength=5);
柔边效果 filter:alpha(opacity=100, finishOpacity=0,style=2
C. 网页怎么实现某块区域可以编辑,其他区域遮罩效果
你用的是什么软件呢？？
D. 网页百度页面的圆形遮罩是怎么做的
方法一：
html5+CSS，注意，只有支持的浏览器才行，网络的也一样，我用搜狗浏览器切换到IE内核就变成正方形图片了。代码如下
<style>
img{
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;
}
</style>
<body>
<imgsrc="https://gss0..com/9vo3dSag_xI4khGko9WTAnF6hhy/ting/s%3D90/sign=/.jpg">
</body>
方法二：
把图片设置成DIV的背景，然后在DIV里再装一张有圆形孔的GIF图片，中间的圆形孔做成透明。
此方法兼容所有浏览器。
E. JS如何让整个页面被遮罩
加个属性
position:fixed ; width:100%; height:100%
完美解决
F. 这样的网页透明效果是怎么做出来的！
应该是用CSS的filter（滤镜效果）~
第一种：加入带有颜色的遮罩一样的半透明效果。
源代码为:
<STYLE type=text/css>
.bodyBg {background:#transparent;filter:progid:DXImageTransform.Microsoft.gradient(GradientType ='1',enabled='true',startColorstr=#AAFFFFFF, endColorstr=#AAFFFFFF);}
</STYLE>
代码中：startColorstr=#AAFFFFFF 前面的AA是透明度，修改成FF是不透明，00是全透明，后面的 FFFFFF 是颜色，就是说在上面蒙什么颜色的东西，正常使用这个效果startColorstr=#AAFFFFFF和 endColorstr=#AAFFFFFF 后面的=#AAFFFFFF数值要一样!
2.简易透明效果。
将上面的渲染方式改为：filter:alpha(opacity=80)，80是透明值，100为不透明，0为全透明。
3.其实CSS还有很多其他的渲染方式~付上其他的一些渲染代码。
黑白照片 filter: gray;
X光照片 filter: Xray;
风动模糊 filter: blur(add=true,direction=45,strength=30);
正弦波纹 filter: Wave(Add=0, Freq=60, LightStrength=1, Phase=0, Strength=3);
半透明效果 filter: Alpha(Opacity=50);
线型透明 filter: Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=140);
放射透明 filter: Alpha(Opacity=10, FinishOpacity=100, Style=2, StartX=30, StartY=30, FinishX=200, FinishY=200);
白色透明 filter: Chroma(Color=#FFFFFF);
降低色彩 filter: grays;
底片效果 filter: invert;
左右翻转 filter: fliph;
垂直翻转 filter: flipv;
投影效果 filter:progid:dXImageTransform.Microsoft.DropShadow(color=#cccccc,offX=5,offY=5,positives=true);
马赛克 filter:progid:dXImageTransform.Microsoft.Pixelate(maxsquare=3);
发光效果 filter:progid:dXImageTransform.Microsoft.Glow(color=#cccccc,Strength=5);
柔边效果 filter:alpha(opacity=100, finishOpacity=0,style=2
希望你能把自己的博客做得与众不同~
G. 如何在网页中间弹出遮罩效果的图片
你可在弹窗中没计时间弹出。
H. HTML中如何使用遮罩层
第一步：新建一个html页面
页面中先做出一个【领红包】的按钮，如图（图中左侧是效果右侧是代码），点击这个按钮就会弹出一个红包的活动消息，即我们要的遮罩效果
css遮罩层怎么做
css遮罩层怎么做
第二步：做出遮罩层
遮罩层的作用就是将层后面的内容都遮住，覆盖全屏，所以：
宽高都设为：100%；
位置 position：absolute；left：0； top:0;
背景色 一般都设为透明的 background: rgba(0,0,0,0.5);
层的顺序 z-index:100; (设置一个比较大的数值)
css遮罩层怎么做
第三步：做出遮罩层上的内容
1、在遮罩层上添加活动效果图
2、关闭活动信息弹出框的【关闭】按钮
注意:遮罩层上的内容也要添加上z-index且数值要比遮罩层的大，z-index:101
如图（左侧效果，右侧代码）
css遮罩层怎么做
css遮罩层怎么做
第四步：用js实现遮罩效果演示
首先我们看到的页面上是没有遮罩层的，只有一个【领红包】的按钮在页面中；
然后我们点就【领红包】按钮，就弹出遮罩效果；再要关闭遮罩层时点击右上角的关闭按钮，就退出了遮罩成的活动信息。具体操作如下：
1、将遮罩层隐藏起来 display：none；
2、点击【领红包】时，遮罩层显示 display：block;
3、点击关闭按钮，遮罩层消失 display：none；
如图
css遮罩层怎么做
css遮罩层怎么做
css遮罩层怎么做
css遮罩层怎么做
css遮罩层怎么做
I. 在网页上面放一个半透明的黑色的遮罩层，却不影响网页的正常使用。
css3 pointer-events的作用，另查 使用javascript为网页增加夜间模式，里面有你需要的东西