Css 如何修复Safari混合模式：颜色道奇错误？

我想获得一些位于图像顶部的文本，并使用

混合模式：color dodge

使文本看起来更好

以下是一个例子：

---

它在Chrome和Firefox中工作得很好，但在Safari中，图像上方的文本将变为白色…有什么解决方案吗？

将您的项目包装在一个容器中，隔离容器，并且不要绝对定位您的

h1

div{
隔离：隔离；
}
h1{
字体大小：10rem；
颜色：#fb4b6b；
混合模式：颜色减淡；
}
img{
位置：绝对位置；
顶部：200px；
z指数：-1；
}

你好，混合模式

将您的物品包装在一个容器中，隔离容器，不要绝对定位您的

h1

div{
隔离：隔离；
}
h1{
字体大小：10rem；
颜色：#fb4b6b；
混合模式：颜色减淡；
}
img{
位置：绝对位置；
顶部：200px；
z指数：-1；
}

你好，混合模式

谢谢，这很有效。因此，我需要将元素包装在一个div中，并使用

隔离：隔离对于Div，感谢它的工作。因此，我需要将元素包装在一个div中，并使用
隔离：隔离用于div