找回密码
 立即注册

QQ登录

只需一步,快速开始

Ry2an

注册会员

9

主题

44

帖子

139

积分

注册会员

积分
139
Ry2an
注册会员   /  发表于:2024-10-12 12:04  /   查看:319  /  回复:5
100金币
目前正在制作一个手机端的程序,为了更加美化的界面,减少前端显示的信息,希望有这样一个效果:

当使用居中下拉抽屉弹出页面时,希望背景可以虚化一下。
目前默认是背景页面会稍稍变暗一点,不知道各位大佬有没有合适的方案,感谢


目前的打开效果:


希望的打开效果:


感谢各位大佬
附件: 您需要 登录 才可以下载或查看,没有帐号?立即注册

最佳答案

5 个回复

倒序浏览
最佳答案
最佳答案

高级会员   /  发表于:2024-10-12 12:04:49
来自 2#
  1. CSS 奇思妙想 | 全兼容的毛玻璃效果 - 知乎
  2. https://zhuanlan.zhihu.com/p/385271481
复制代码

  1. .FUI-dialog-cover{
  2.     backdrop-filter: blur(6px);/*弹出框背景设置为毛玻璃*/
  3. }
复制代码

评分

参与人数 1金币 +66 收起 理由
Shawn.Liu + 66 赞一个!

查看全部评分

回复 使用道具 举报
Ry2an
注册会员   /  发表于:2024-10-14 10:34:05
3#
回复 使用道具 举报
Shawn.Liu活字格认证
超级版主   /  发表于:2024-10-14 14:15:06
4#
回复 使用道具 举报
Ry2an
注册会员   /  发表于:2024-10-14 15:33:50
5#

不好意思,虽然已经结贴了,还是想问一下官方大大。大佬用的这个.FUI-dialog-cover类,是活字格特有的吗,在哪里能看到这个可配置类的文档呀,感谢!
回复 使用道具 举报
Shawn.Liu活字格认证
超级版主   /  发表于:2024-10-14 15:55:12
6#
Ry2an 发表于 2024-10-14 15:33
不好意思,虽然已经结贴了,还是想问一下官方大大。大佬用的这个.FUI-dialog-cover类,是活字格特有的吗 ...

这个大佬可以在弹出页面时F12在页面元素处搜索一下该class,这块由于并不常用且主要是写css代码所以还没有一些可参考的文档

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部