|
Как элементу с position:fixed прикрепеть background-color который находится за ним
На сайте находится блок, у коготоро position:fixed. Это svg картинка у которой fill:#fff. Этот блок закреплён внизу экрана (окошко при нажатии которого появляется окно обратной связи). На сайте имеется много блоков разной высоты и при изменении размера экрана, высота блоков тоже изменяется. Блоки синего и белого цвета. Нужно сделать так, чтобы как только окошко появлялось на белом фоне, оно становилось синим и наоборот. Пробовал mix-blend-mode difference, но так не пойдёт, ибо при прохождении текста или какой-нибудь картинки, она тоже видна за этой кнопке в странных цветах. Пробовал прикрепить к ивенту scroll, но из-за разных размеров блока, это становится не рационально. Поэтому к координатам тоже не привязать. Остаётся только как-то привязать к background фона на котором он находится, но как это сделать? Ведь блок находится в самом начале body и там закреплён, и даже если я спущусь на сайте в самый низ, у этого окошка все равно родитель body. Может есть какие-то ещё варианты, но я не знаю и буду очень благодарен если кто-то сможет помочь, или хотя бы скинуть сайт, на котором имеется такая же функция (чтобы посмотреть чужой код и попробовать сделать так же).
|
