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 属性设置元素的堆叠顺序,数值越小越靠上

posted @ 2014-04-16 17:01  指尖下的代码  阅读(227)  评论(0编辑  收藏  举报