У меня есть элемент с классом .wrap, который содержит в себе 3 элемента
.header
.content
.footer
реализован плавающий header и всё работает нормально, но если добавить элементу .wrap свойство filter, то .header уходит вверх.
Это видно, если после добавление свойства filter набрать в консоле
console.log($('.header').offset().top)
Вот сам пример:
https://codepen.io/anon/pen/ZdpoVa
Для удобства внизу страницы реализован checkbox, которые добавляет и удаляет свойство filter у .wrap. Больше он ничего не делает.
И что важно, как это исправить, если мне необходимо оставить свойство filter и я никуда от этого не могу деться?
Средний
Простой