弹窗、遮罩层

最新推荐文章于 2024-07-24 14:08:01 发布

原创最新推荐文章于 2024-07-24 14:08:01 发布 · 317 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css

HTML/CSS 专栏收录该内容

17 篇文章

订阅专栏

本文详细介绍了CSS中用于遮罩和警告框的样式设置方法，包括显示隐藏、定位布局及背景阴影等效果实现技巧。

.mask,.alert{display:none;position:fixed;top:0;left:0;width:100%;height:100%;}
.mask{background-color:#000;opacity:.6;filter:alpha(opacity=60);z-index:998;}
.alert{display:flex;justify-content:center;align-items:center;visibility:hidden;z-index:1000;}/*移动端居中*/
.alert-content{background:#fff;box-shadow:0 0 5px 2px rgba(0,0,0,.3);padding:10px;border-radius:10px;margin:0 15px;}