首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >-webkit-backdrop-滤镜在Safari上不起作用

-webkit-backdrop-滤镜在Safari上不起作用
EN

Stack Overflow用户
提问于 2021-11-09 20:48:32
回答 1查看 180关注 0票数 0

Safari 14.1.2没有显示-webkit-backdrop-filter: blur(10px);我已经尝试了多个版本,内联的,带有jQuery的,带有@supports的,但都不起作用。最奇怪的是,它在Safari的“Web Inspector”中显示为启用,如果我将其关闭并再次切换,它就可以工作。解决方案是什么?有什么变通方法吗?

EN

回答 1

Stack Overflow用户

发布于 2021-11-15 20:26:57

你好,

我也有同样的问题。我的问题是在一开始我的不可见的div。(底部-顶部-幻灯片动画)

代码语言:javascript
运行
复制
 div{
            height: 0px,
            bottom: 0px,
            -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    }

我的解决方案是:

代码语言:javascript
运行
复制
  div{
                height: 1px,
                bottom: -1px,
                -webkit-backdrop-filter: blur(10px);
                backdrop-filter: blur(10px);
        }

现在它起作用了。

我希望这对你来说是一个解决方案。

你好,Simerl

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/69904893

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档