wordpress - Disqus iframe 透明度不适用于 Chrome 87

标签 wordpress google-chrome iframe disqus

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

由于文本设置为白色,这意味着 Disqus 可以识别深色主题,但背景的透明度将不起作用。 我可以看到 allowtransparency属性设置: enter image description here

这在旧版本的 Chrome 和 Firefox 上运行良好: enter image description here

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

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

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

不去掉这个meta标签能解决这个问题吗?

最佳答案

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

关于wordpress - Disqus iframe 透明度不适用于 Chrome 87,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65260505/

相关文章:

wordpress - 在 Internet Explorer 中按跳过链接后 JAWS 不读取 div

php - 单击触发单选按钮没有响应

javascript - 如何获取JQuery中存储的数据值?

javascript - HTML 表单 PUT 方法

iframe - 使用Youtube API跟踪嵌入的视频事件-未定义ytcfg(…)

javascript - 在非 Angular 应用托管的 iframe 中使用 Protractor 测试 Angular 应用?

javascript - 在 WordPress 插件开发中使用 javascript 验证

javascript - 将导航固定在滚动条上时如何防止 Chrome 闪烁?

javascript - 当鼠标左键按下并在 Chrome 上移动时,Html Canvas 滞后

java - 使用 JavaFX WebView 时未加载 iframe