網頁遮罩效果
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為網頁增加夜間模式，裡面有你需要的東西