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

时间:2018-11-09 09:35:50

标签: css css3 filter css-transitions blur

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

在ul标签上固定的位置停止工作后,我在body标签上添加了filter: blur(2px);。其表现为绝对位置。当您从身体上卸下过滤器后,一切都会正常。有什么建议吗?

JSFIDDLE

1 个答案:

答案 0 :(得分:0)

您可以将过滤器添加到html标签中,而不继承body标签,而该过滤器将继承所有子元素。

html{
  filter: blur(2px);
}

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

Here,您有一篇文章介绍了body标签和html标签之间的区别