前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >css半透明层

css半透明层

作者头像
全栈程序员站长
发布2022-09-14 10:35:02
8130
发布2022-09-14 10:35:02
举报
文章被收录于专栏:全栈程序员必看

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

代码语言:javascript
复制
    首次登录弹出提示层,主要有两个层:半透明层,遮住下面的内容;提示层(主要内容),下面为这两个层的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.cn/158622.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年7月1,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档