Есть ли решение, как менять цвет элемента в зависимости от фона за ним?
Можете попробовать эту библиотеку:BackgroundCheck
Вот пример с фиксированным элементом и скроллом:Пример
Как вариант в css указать прозрачный фон
background: rgba(0,0,0,.5);