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

标签 css filter css-transitions blur

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

我已添加filter: blur(2px);在 body 标签上,在 ul 标签上固定的位置停止工作后。它的行为表现为绝对位置。当你从 body 上取下过滤器时,一切都会恢复正常。有什么建议吗?

JSFIDDLE

最佳答案

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

html{
  filter: blur(2px);
}

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

Here你有一篇文章解释了 body 标签和 html 标签之间的区别

关于css - 固定位置不适用于 CSS 模糊过滤器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53223131/

相关文章:

Python DSP,自动增益控制(AGC)

javascript - 旋转瓷砖;悬停后如何延迟过渡

html - Drupal 7 页面无法在 Internet Explorer 中正确显示

javascript - CSS:计算元素并在 x 数量的元素后自动添加分隔符?

html - 移动 iOS Safari : Percentage height inside of a vh height container

r - 使用 R 中 ggplot 的 facet_wrap 功能在同一图上绘制多个图?

html - 元素在 IE6 中获得 100% 的宽度和高度

javascript - Angular.js 按数组元素过滤

javascript - CSS 翻译在 mouseenter 和 mouseleave 上闪烁

jquery - ie9 的过渡结束回退