Chrome 在网页中显示调整大小的图像会导致白色颜色反转

p3rjfoxz  于 2023-08-01  发布在  Go
关注(0)|答案(1)|浏览(172)

请考虑以下页面:

<html>
    <head>
    </head>
    <body>
        <img height="80" src='https://play.google.com/intl/en_us/badges/static/images/badges/en_badge_web_generic.png'/>
        <img src='https://play.google.com/intl/en_us/badges/static/images/badges/en_badge_web_generic.png'/>
    </body>
</html>

字符串
使用以下设置可视化此页面时:

  • Windows 11
  • 深色或浅色主题处于活动状态(无所谓)
  • Google Chrome或Microsoft Edge

注意调整大小的图像如何经历颜色反转:黑变白色,白变黑。当图像以其原始大小显示时,不会发生颜色反转。
在Firefox下,没有颜色反转发生。
我试图找到HTML规范中记录这种行为的地方,但找不到任何东西。
这是一个众所周知的行为,在一些(可能是其他)规范中有记录吗?
编辑:根据要求添加屏幕截图


的数据

vx6bjr1n

vx6bjr1n1#

我终于找到了答案。此行为是由在我的计算机上为Chrome和Edge启用的force dark设置引起的。它被定义为Enabled(而不是Default):

chrome://flags/#enable-force-dark

字符串
此设置强制颜色变暗,但由于某种原因,它会对图像产生此行为。不知道该怎么想。

相关问题