【发布时间】：2019-03-11 23:22:05
【问题描述】：
我在可滚动列表中包含了一个固定元素，适用以下 CSS 规则：
.frosty {
background-color: rgba(255, 255, 255, 0.5);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
}
乍一看，效果很好。然而，当我开始移动它后面的内容时，固定元素的背景并没有改变。
通常，固定元素后面的内容会渗出它，看起来好像是毛玻璃或类似物。难道 React 以某种方式阻止了重新渲染？我该如何解决？
每当我调整窗口大小时它都会更新。
这是一个最小的例子。您可以滚动磨砂和透明元素后面的红色、绿色和蓝色块。磨砂的不会更新。
【问题讨论】：
-
你能粘贴到 react 实现中吗？
-
@bambam 你去吧。
-
毕竟这似乎不是 React 的问题。 *.com/questions/55105460/…的可能重复