【问题标题】:iOS-like semi-opaque modal which blurs the background behind it类似 iOS 的半透明模态,模糊其背后的背景
【发布时间】:2013-09-28 02:37:01
【问题描述】:

我想从 2012 年开始重新访问 this similar question。我想知道从发布该特定问题以来是否有任何变化?

是否可以创建一个不需要 canvas 呈现页面的模式,然后显示并裁剪到所需的大小?

如果是这样,有没有办法显示这个跨浏览器?

【问题讨论】:

    标签: javascript html internet-explorer canvas render


    【解决方案1】:

    我看到@Michael Wasser 在上一个问题中提到了“-webkit-filter”。这就是你现在不依赖 Javascript 的方式。

    img {
      -webkit-filter: blur(10px);
    }
    

    有关更多信息,请参阅this HTML5Rocks article

    它的支持程度如何?

    caniuse.com 表示,全球支持位于 43.67% at the moment。所有最近的 Chrome、WebKit (Safari) 和 Opera(现在它切换到 Blink)都应该有它们。不确定 Mozilla 和 Microsoft 的计划。

    在 Firefox 中,您可能可以使用 SVG filters 重新创建模糊。

    【讨论】:

      猜你喜欢
      • 2015-11-05
      • 1970-01-01
      • 2015-03-18
      • 2018-04-06
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多