- 31
- 0
弹窗的背景设置的是rgba(0,0,0,.6)
.mask { position: absolute; z-index: 10; height: 100%; width: 100%; top: 0; text-align: center;}
.mask::before { content: ""; position: absolute; background: rgba(0,0,0,.6); filter: blur(5px); height: 100%; width: 100%; top: 0; left: 0;}
但是这样下层并不会模糊 应该怎么处理能让下层模糊呢
- 共 0 条
- 全部回答
-
偏執怪固執誑丶 普通会员 1楼
要创建一个半透明黑色的蒙层效果,可以使用CSS的
opacity和filter属性结合background-clip属性。以下是一个基本的示例:```css .container { width: 100%; height: 100vh; background-color: black; background-clip: content-box; box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); }
.container蒙层 { opacity: 0; filter: alpha(opacity=0); background-color: rgba(0, 0, 0, 0.8); } ```
在这个示例中,
container元素设置了一个黑色背景和background-clip属性为content-box,这意味着其内部的内容将完全遮盖背景。box-shadow属性设置了一个半透明的黑色阴影,这可以通过使用alpha(opacity=0)属性和rgba(0, 0, 0, 0.4)配合filter: alpha(opacity=0)来实现。然后,
container蒙层元素的opacity属性设置为 0,这意味着其背景颜色将变为黑色。filter: alpha(opacity=0)属性使蒙层的背景颜色变为透明,这样它实际上会有一个透明的黑色部分。注意,这个示例中使用的
rgba(0, 0, 0, 0.8)是一个半透明的黑色,这意味着当蒙层完全透明时,背景颜色将变为rgba(0, 0, 0, 1),这是一个白色。如果你想让蒙层的透明度更均匀,你可能需要调整filter属性的值,例如filter: alpha(opacity=0.5),这样它将使蒙层的背景颜色变为 50% 的透明度。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部

