弹出窗口背景虚化方案

目前正在制作一个手机端的程序，为了更加美化的界面，减少前端显示的信息，希望有这样一个效果：

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


目前的打开效果：


希望的打开效果：


感谢各位大佬

1. CSS 奇思妙想 | 全兼容的毛玻璃效果 - 知乎
   
2. https://zhuanlan.zhihu.com/p/385271481

复制代码

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

复制代码

胡 发表于 2024-10-12 12:04

大佬NB！

Shawn.Liu 发表于 2024-10-14 14:15

不好意思，虽然已经结贴了，还是想问一下官方大大。大佬用的这个.FUI-dialog-cover类，是活字格特有的吗，在哪里能看到这个可配置类的文档呀，感谢！

Ry2an 发表于 2024-10-14 15:33
不好意思，虽然已经结贴了，还是想问一下官方大大。大佬用的这个.FUI-dialog-cover类，是活字格特有的吗 ...

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