Disqus iframe 透明度在 Chrome 87 上不起作用

Question

升级到 Chrome 87 后，我注意到 Disuqs 背景透明度在深色主题上不起作用 - 背景和文本是白色的，因此讨论不可读。

由于文本设置为白色，这意味着 Disqus 可以识别深色主题，但背景的透明度不起作用。我可以看到allowtransparency属性已设置：

这在旧版本的 Chrome 和 Firefox 上运行良好：

在其他网站上，我可以看到disqus在Chrome 87上的深色主题没有问题。

有人遇到过这样的问题吗？有人知道如何解决这个问题吗？不幸的是，我不能指望 Disqus 支持，因为他们不回复电子邮件，而且在他们的论坛上，我关于此问题的帖子无缘无故地被识别为垃圾邮件。

编辑：我现在发现这个元标记导致了这个问题：<meta name="color-scheme" content="dark light">

不删除这个meta标签就可以解决这个问题吗？

Answer 1

好吧...我找到了解决方案。这个元标记导致了问题：<meta name="color-scheme" content="dark light">

我删除了它并添加了如下 CSS 代码：

:root {
  color-scheme: light dark;
}

iframe {
  color-scheme: light;
}

https://github.com/w3c/csswg-drafts/issues/4772