代码之家  ›  专栏  ›  技术社区  ›  Hank

对Windows Safari的过滤器模糊支持

  •  0
  • Hank  · 技术社区  · 6 年前

    我有一个div,它包含了一堆我想在需要用户身份验证时模糊掉的内容。

    安装了Safari for Windows来测试我的站点。版本5.1.7似乎是最新的。

    只是想知道Safari是否支持CSS过滤器模糊?在一个阶段,我以为我有它去,但我改变了一些东西,它似乎已经消失,现在我在猜测自己,我真的看到了它的工作在所有。

    我知道Opera的模糊只有当你有一个div位置设置为绝对或固定。有什么特别的旅行我忽略了吗?

    CanIUse

    这是我的CSS类:

    .login_overlay {
        position:absolute;
        width:100%;
        -webkit-filter  : blur(10px);
        -moz-filter : blur(10px);
        -ms-filter  : blur(10px);
        -o-filter   : blur(10px);
        filter      : blur(10px);    
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
    }
    
    1 回复  |  直到 6 年前
        1
  •  2
  •   BoltClock    6 年前

    safari5不支持CSS3过滤器,既不支持unfixed,也不支持 -webkit- 前缀。如caniuse.com上所示,支持从版本6开始,但由于苹果在版本5.1.7之后停止了Safari for Windows,该版本从未在Windows上提供。