我有一个黑色的星空背景页面，导航栏是白色文本。滚动时导航栏停留在顶部，导航栏的链接在经过页面上的其他图像时几乎不可见，因为导航栏是透明的。我如何根据文本后面的内容反转文本的颜色？
6pp0gazn1#
您需要使用mix-blend-mode: difference;，如下所示：https://jsfiddle.net/avdeoq97/但是最好给予你的导航栏一个不同的背景，比如一个玻璃效果的投影，这样它就可以一直被看到。单独的反转颜色可能不太容易接近。
mix-blend-mode: difference;
1条答案
按热度按时间6pp0gazn1#
您需要使用
mix-blend-mode: difference;，如下所示：https://jsfiddle.net/avdeoq97/但是最好给予你的导航栏一个不同的背景，比如一个玻璃效果的投影，这样它就可以一直被看到。单独的反转颜色可能不太容易接近。