使用过滤器会破坏使用位置固定的所有子元素：

Question

我目前正在使用CSS过滤器遇到问题。在包含position: fixed的div的div上使用时，子元素会突然通过过滤器相对于父元素定位。

通过以下代码，我看到了元素定位的方式：

HTML

<div class="blurred">
  I'm blurred
  <div class="something-fixed">
    I'm fixed
  </div>
</div

CSS

.blurred {
  margin: 10% 20%;
  border: 1px solid black;
  /* filter: blur(2px); */
}

.something-fixed {
  position: fixed;
  top: 0;
  left: 0;
  background: red;
}

结果

但是，当应用过滤器（例如模糊）时，position: fixed似乎被忽略了：

究竟是什么导致此行为，我该如何解决？

我已经创建了一个代码笔来演示行为here