Поддержка Проблемы и решения в браузере не работает VC

  • [ссылка] вот страница если смотреть в фирефокс то фотографии что внизу страницы сначало серые, при наведении становятся цветными.
    в хроме и мобильной версии они сразу цветные в чем причина? уже перекопал все и не как не могу понять в чем причина данного недуга.
    Заранее спасибо всем.

    • Тема изменена 4 года, 5 месяцев назад пользователем SeVlad. Причина: ссылка

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 4 ответов — с 1 по 4 (всего 4)
  • в чем причина данного недуга.

    Не знаю что за «недуг» Вы имеете ввиду, а фича вот:

    .grayscale img, .roundabout li {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    }
    .grayscale img:hover, .grayscale:hover img, .roundabout li.roundabout-in-focus {
        filter: none;
    }
    

    Так я и хочу чтобы во всех браузерах и моб.версии все было серым а при выборе стовало цветным

    Модератор Yuri

    (@yube)

    Так я и хочу чтобы во всех браузерах

    Гуглить не пробовали? Вот такое, например, легко находится: https://gist.github.com/pepebe/4508243

    и моб.версии

    hover на мобиле?

    Модератор Sergey Biryukov

    (@sergeybiryukov)

    Live and Learn

    в хроме и мобильной версии они сразу цветные в чем причина?

    Причина указана в консоли браузера:

    Unsafe attempt to load URL data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale from frame with URL http://mypoint.store/. Domains, protocols and ports must match.

    Попробуйте решение со Stack Overflow — после строки

    
    filter: url("data:image/svg+xml;...)
    

    добавить следующие:

    
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    
Просмотр 4 ответов — с 1 по 4 (всего 4)
  • Тема «в браузере не работает VC» закрыта для новых ответов.