Question

当在红色/绿色背景区域上滚动时，红色和绿色.png徽标应分别仅显示其红色或绿色部分。绿色部分隐藏在绿色bg上，红色隐藏在红色上。

除了Chrome之外，它无处不在：
在绿色背景上，绿色徽标部分显示绿色笔触。

请参阅此处ärztepraxis.at（无环保：http://xn--rztepraxis-p5a.at/）

有什么帮助？有人建议重复绿色像素而不是十六进制或rgb着色。

参考：绿色：7b003b红色：81a996

Answer 1

这是由于使用了调整大小算法，您需要更改它以摆脱大纲。您可以使用以下CSS：

#null img {
    image-rendering: optimize-contrast;
    image-rendering: -webkit-optimize-contrast;
}