类似iOS的半透明模式，模糊背后的背景

Question

我想从2012年开始重新审视this similar question。我想知道发布特定问题的时间是否有任何变化？

是否可以创建一个不需要canvas呈现页面的模态，然后显示并裁剪为所需的大小？

如果有，有没有办法显示这个跨浏览器？

Answer 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重新创建模糊。