首页 > 解决方案 > Disqus iframe 透明度在 Chrome 87 上不起作用

问题描述

升级到 Chrome 87 后,我注意到 Disuqs 背景透明度不适用于深色主题 - 背景和文本都是白色的,因此讨论不可读。

由于文本设置为白色,这意味着 Disqus 可以识别深色主题,但背景的透明度不起作用。我可以看到allowtransparency属性已设置: 在此处输入图像描述

这适用于旧版本的 Chrome 和 Firefox: 在此处输入图像描述

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

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

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

可以在不删除此元标记的情况下解决此问题吗?

标签: wordpressgoogle-chromeiframedisqus

解决方案


好的...我找到了解决方案。此元标记导致了问题:<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


推荐阅读