我对CSS和Web开发有点陌生。目前，我需要为网站创建一个带有徽标的固定标题。标志是一个白色的PNG（可以改变标志颜色）和固定的标题背景是透明的。客户希望在向下滚动且背景为白色时将徽标颜色更改为黑色，在向下滚动且背景为黑色时将徽标颜色更改为白色。我使用CSS混合模式差异轻松地做到了这一点。

/* CC for Fixed Header*/

.fixed-header {
     position: fixed;
     width: 100%;
     height: 80px;
     background-color: transparent;
     z-index: 999;
     mix-blend-mode: difference;
}

我没有为Logo应用混合模式。但现在的问题是，当我们滚动任何图像或任何彩色区域时，徽标的颜色从棕褐色到其他颜色都有所不同。所有我想要做的是，当我们向下滚动时，标志应该在黑色背景上是白色的，标志应该在白色背景上是黑色的，标志在颜色和图像背景上应该是白色的。我怎样才能做到这一点？先谢谢你..！

顺晟科技：