我在我的项目中使用Swiper.每张幻灯片内都有一个图像。当幻灯片更改时，绝对定位的父块的颜色也会更改。Mix-Blend-Mode允许图像改变颜色。

HTML结构

<代码><；DIV类="；阻止"；>；<；DIV类="；刷卡器"；>；<；DIV类="；刷机包装"；>；<；DIV类="；滑动"；>；<；IMG SRC="；https：//picsum.photos/400/250" alt="；"；类="；滑动__IMG<；/DIV>；<；DIV类="；滑动"；>；<；IMG SRC="；https：//picsum.photos/400/250" alt="；"；类="；滑动__IMG<；/DIV>；<；DIV类="；滑动"；>；<；IMG SRC="；https：//picsum.photos/400/250" alt="；"；类="；滑动__IMG<；/DIV>；<；/DIV>；<；/DIV>；<；/DIV>；

和CSS

<代码>.块{宽度：400px；}.swiper{混合-混合模式：发光度；}

现场演示：https：//codepen.io/ivstepin/pen/mwoxjpe.

可以在Chrome中工作，但不能在Safari中工作。我看到Safari支持这种CSS样式，怎么了？

顺晟科技：