Css Firefox混合模式错误

我目前需要使用混合模式，在一个项目中，在一个黄色的div上乘以一个图像。它在chrome中工作没有任何问题，但在firefox中，当容器与图像具有相同的宽度和高度时，图像将变为黑色

如果图像高出1px，它仍将运行。有人知道为什么会这样吗

下面是我的代码示例。在firefox中试用，并使用height值。当你将高度设置为500px时，它会变成黑色

谢谢大家的帮助

.image{
背景#ffff00；
显示：块；
宽度：500px；
高度：505px；
}
.图像img{
混合模式：倍增；
}

---

我发现需要在图像和div后面设置背景色，以便Firefox正确渲染。因此，如果您的图像只占用设置了混合模式的部分div，则包含该div其余部分或位于该div后面的背景div需要一个颜色集才能进行计算。在设置背景色之前，我看到了部分黑色div

---

综上所述，您的示例似乎在Firefox41中工作，就像现在一样

我发现需要在图像和div后面设置背景色，以便Firefox正确渲染。因此，如果您的图像只占用设置了混合模式的部分div，则包含该div其余部分或位于该div后面的背景div需要一个颜色集才能进行计算。在设置背景色之前，我看到了部分黑色div

---

综上所述，您的示例似乎在Firefox41中工作，就像现在一样

我知道这是一个较老的问题，但我遇到了它并找到了解决方案。使用混合模式将此CSS添加到元素中

transform: translateZ(0);

---

我知道这是一个老问题，但我遇到了它，找到了解决办法。使用混合模式将此CSS添加到元素中

transform: translateZ(0);

---

如果图像高出1px，它仍将运行-请详细说明这一点好吗？另外，你能在你的问题中加入cssdeck代码片段吗？包含代码片段的可能性非常好。@nicoO谢谢，我添加了代码。谢谢你的反应。我在代码片段中应用了您的代码。如果您不喜欢，我将回滚此编辑。另外：将div设置为

高度：500px

时，我无法再现任何问题。您是否可以在Firefox中的问题在您这边可见的地方添加另一个剪贴？如果图像高出1px，它仍将运行-您能详细说明一下吗？另外，你能在你的问题中加入cssdeck代码片段吗？包含代码片段的可能性非常好。@nicoO谢谢，我添加了代码。谢谢你的反应。我在代码片段中应用了您的代码。如果您不喜欢，我将回滚此编辑。另外：将div设置为

高度：500px

时，我无法再现任何问题。您是否可以在Firefox中的问题在您这边可见的地方添加另一个剪贴？