CSS页面遮罩

css代码

.float_02{ position:absolute;top:30%;left:40%;width:490px; height:318px; display:block; background:url(images/ui.png) 0 -521px no-repeat; overflow:hidden; z-index:2;}

.masker{opacity: 0.6;background:#000;filter:alpha(opacity=60);position:absolute;top:0;left:0;width:100%; height:100%; z-index:1;}

.float_02是要弹出的提示窗口 .masker是遮罩效果

参数说明：

opacity：规定不透明度。从 0.0 （完全透明）到 1.0（完全不透明）。

filter：滤镜说明：Alpha：设置透明层次

z-index：z-index 属性设置元素的堆叠顺序，数值越小越靠上

转载于:https://www.cnblogs.com/ljjl88128/p/3669011.html