css - 固定位置不适用于 CSS 模糊过滤器

Question

我有一个非常简单的例子的简单问题，

filter: blur(2px);在固定在 ul 标签上的那个位置停止工作之后，我已经添加了 body 标签。它表现为绝对位置。当你从身体上取下那个过滤器时，一切都会变得正常。有什么建议吗？

JSFIDDLE

标签： cssfiltercss-transitionsblur

Answer 1

您可以将过滤器添加到 html 标记中，而不是模糊 body 标记，这将继承所有子元素。

html{
  filter: blur(2px);
}

您可以添加更多关于您试图实现模糊整个页面的信息，也许我们可以找到更好的解决方案。

这里有一篇文章解释了body标签和html标签的区别