本文探讨了开发中遇到的怪现象：父元素带有毛玻璃滤镜时，嵌套的dialog会被遮挡。提供了两种解决方案：移除modal遮罩或调整滤镜层级。理解并避免这种遮罩问题有助于提升用户体验。
mark一个比较奇怪的问题，开发的时候父元素有个毛玻璃效果的打底backdrop-filter: blur(10px);，然后其中写dialog的话，出现的dialog就回被遮罩层遮住，不知道是什么理论，但是经过实验确实是这个结论
两种解决办法
1、modal设置为false，直接去除遮罩层
2、把毛玻璃效果的实现移到和dialog平级去实现效果，总之别让写有毛玻璃样式的元素嵌套dialog
扫一扫
评论 1
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
