google-chrome - rgba背景和gif像素重复背景的区别

Question

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

这适用于除 Chrome 之外的任何地方：
在绿色背景上时，它确实在绿色徽标部分显示绿色笔划。

请参阅此处 ärztepraxis.at（无变音符号：http: //xn--rztepraxis-p5a.at/）

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

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

score 1 · Accepted Answer

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

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

1 回答 1