css - Mix-blend-mode:乘法在 Chrome 中不起作用

Question

我正在尝试在 Chrome 上使用 mix-blend-mode: multiply 但它没有按预期工作:当我添加 magenta 时，cyan 和 yellow 一起它不会给我黑色但 brown .在 Safari 中，一切正常。

我尝试了添加以下代码的技巧:

html, body {
    background-color: white;
}

但这并没有改变任何东西。还有其他解决办法吗？

谢谢!

Answer 1

Chrome 有一个关于 mix-blend-mode 和 body 的已知问题，问题是它没有将 body 作为背景生效，所以你应该尝试使用中间 div 具有此效果的白色背景。