Цвет лого как цвет фона

325
26 ноября 2016, 18:50

Есть фиксированная шапка. При прокручивании сайта лого должно применять цвет фона, на котором оно находится. Как можно сие реализовать без участия фотошопа с заранее продырявленным хедером в форме лого?

Answer 1

Пожалуй «дырявый логотип» это самый простой вариант. Остальные варианты попахивают теми ещё извращениями:

Если цвета фона постоянны (не зависят от контента) то можно вручную сопоставить нужные цвета с соответствующими значениями window.pageYOffset например.

Или определять какой элемент находится в нужной части экрана (не подскажу как именно это делать) и считывать его background-color.

READ ALSO
Как в адаптивном сайте с изменяемой высотой футера, прибить его к низу страницы

Как в адаптивном сайте с изменяемой высотой футера, прибить его к низу страницы

Есть адаптивный сайт на bootstrapНа некоторых страницах футер "подпрыгивает" вверх

412
Не применяются стили к классу .active

Не применяются стили к классу .active

Создан блог табуляции

381
Неправильно срабатывает javascript код в Firefox

Неправильно срабатывает javascript код в Firefox

Есть страница, которая выполняет дальнейший код в зависимости от координат footer'а:

305
Поменять местами div используя только float

Поменять местами div используя только float

Имея консткрукцию такого вида нужно поменять местами дивы (так, чтобы было 213 и 312) используя только св-ва floatДополнительные обертки не допускаются

382