介绍 & lt; p类=癴ade"祝辞& lt;/p>
类& lt; p=皊ucc-pop"祝辞
& lt; h3类=皌itle"祝辞
这里是要填写的内容
& lt;/h3>
& lt;/p> /*灰色遮罩层*/.fade {
宽度:100%;
高度:100%;
背景:rgba (0, 0, 0, 0.5);
位置:固定;
左:0;
上图:0;
z - index: 2;
}/*弹出层*/.succ-pop {
宽度:400 px;
身高:300 px;
背景:# fff;
位置:固定;/*这里的定位可以根据自己喜好选择绝对或者固定*/左:50%;
上图:50%;/*这里的顶级根据自己的需要定*/margin-left: -200 px;
margin-top: -150 px;
z - index: 3;
border - radius: 5 px;
不必:0 1 px 3 px rgba (0, 0, 0, 0。3);
}
.succ-pop h3。标题{
text-align:中心;
颜色:lightskyblue;
}
这篇文章主要介绍了css实现弹出对话框同时出现遮罩层的方法,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。
最近的项目有留言板弹出对话框,然后我就自己写了一个静态的、下面就直接上代码:
如果你不希望有弹框的时候页面还会滚动,那就加上美元(& # 39;身体# 39;). css (& # 39; overflow-y& # 39; & # 39;隐藏# 39;),就可以了。
感谢你能够认真阅读完这篇文章,希望小编分享css实现弹出对话框同时出现遮罩层的方法内容对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,遇到问题就找,详细的解决方法等着你来学习!
