CSS:iPhone Safari的后台混合模式后备

Question

我在我的标题上可疑地使用了背景混合模式:https://yogrow.co/ecommerce-stack

但是我注意到背景混合模式在iPhone上不起作用.我没有背景颜色.

这是我正在使用的CSS

background-repeat: repeat;
background-image: url("assets/img/swirl_pattern.png");
background-color: #E33551;
background-blend-mode: multiply;

是使用媒体查询创建一组新的css规则的唯一/最佳选择,还是有另一种方法可以进行后备,因此对于像iPhone Safari这样没有显示颜色的设备,背景变为红色.

因为我在背景上有白色文字,所以目前看起来在iPhone游戏中难以辨认.

谢谢

Answer 1

看起来像背景混合模式无法使用background-repeat: repeat;.尝试设置background-repeat: no-repeat;.

Answer 2

Safari 似乎不支持背景混合模式的以下模式：休、饱和度、颜色和亮度

我看到问题的作者没有使用上述之一，但它可能对其他人有帮助。