Класс с filter: grayscale(100%); ломает fancybox?

Question

[wakenbyWork]

Добрый день!

Использую данный класс для чб эффекта на сайте, и вешаю его на body:

.control-color-dark {
    -webkit-filter: grayscale(100%);
                 filter: grayscale(100%);
}

И все отлично, весь сайт становиться черно белый. И все-бы хорошо, но плагин fancybox на jquery перестают работать корректно((

Вот скрин работы fancybox без чб эффекта на сайте

Вот скрин с чб эффектом на сайте

P.S: Как именно ломается fancybox - Перестает нормально выставлять размеры фотографиям, они идут в полный размер и смотреть их в fancybox невозможно... Перестает работать перелистывание, вообщем скрипты ломаются... А так-же пропадают кнопки управления =(

Comments

[Евгений]

Пришлите ссылку на сайт. Без кода сложно что то сказать

Answer 1

[wakenbyWork]

В общем, нужно вешать класс с фильтром не на body, а на html, тогда все работает отлично. Не знаю почему класс с filter выставленный в body ломает скрипты