css半透明层

css半透明层首次登录弹出提示层,主要有两个层:半透明层,遮住下面的内容;提示层(主要内容),下面为这两个层的css样式。针对IE透明使用的是filter:alpha(opacity=35),针对FF透明的相关代码是opacity:0.35,这样至少在IE和FF下是兼容的,通过测试。.mask{ border:0px; background:#000; width:100%; …

大家好,又见面了,我是你们的朋友全栈君。

    首次登录弹出提示层,主要有两个层:半透明层,遮住下面的内容;提示层(主要内容),下面为这两个层的css样式。针对IE透明使用的是filter:alpha(opacity=35),针对FF透明的相关代码是opacity:0.35,这样至少在IE和FF下是兼容的,通过测试。

.mask {
	border:0px;
	background:#000;
	width:100%;
	height:1210px;
	margin:0px;
	z-index:999;
	padding:0px;
	position:absolute;
	top:0px;
	left:0px;
	filter:alpha(opacity=35);	
	opacity:0.35;	
}
.mask_prompt {
	position:absolute;
	z-index:1000;
	width:486px;
	height:307px;
	left:50%;
	top:50%;
	margin:-153px 0 0 -243px;
	background:url(../images/prompt_bj.png) no-repeat;
} 
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/158622.html原文链接:https://javaforall.net

(0)
上一篇 2022年7月13日 上午6:16
下一篇 2022年7月13日 上午6:16


相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号