为什么过滤器在 html 和 body 标签上的不同浏览器中呈现不同？

如何解决为什么过滤器在 html 和 body 标签上的不同浏览器中呈现不同？

这似乎在所有浏览器中呈现相同此处，因为它是在 iframe 中呈现的。我不知道为什么 iframe 会影响它，但是，这里是代码：

<html>
  <head>
    <style>
      html {
        filter: invert(1);
      }
      body {
        background-color: white;
      }
    </style>
  </head>
  <body>
    <div>
    </div>
  </body>
</html>

出于某种原因，如果您在 iframe 中加载它，无论您使用哪种浏览器，它都会显示为白色，因此在此处对其进行测试不起作用。如果您将其保存在文件中并自行加载，它在 FireFox 中会显示为白色，而在基于 Chromium 的浏览器中显示为黑色。

为什么每个浏览器都不同，为什么它依赖于 iframe？

我认为 body 应该在所有浏览器上变成黑色，无论它是否在 iframe 中，对吗？