Почему не работает grayscale на apple устройствах?

Question

[khomaldi]

Сайт с проблемой link

HTML код

<div class="image-container">
      <div class="image-div">
        <img class="image" src="https://site/img/001.jpg" title="Андрей">
      </div>
      <div class="name">
        <p>Андрей</p>
      </div>
</div>

CSS код

.image-container:hover .image {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
}

.image-div .image {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

Comments

[Lynn «Кофеман»]

Скриншот? У меня там все фото ч/б

[khomaldi]

Алексей Тен, если с пк: наведите на фото, если со смартфона: нажмите на фото. И оно станет цветным

[Lynn «Кофеман»]

Ну так фильтр grayscale-то работает. В чём же тогда проблема?

[khomaldi]

Алексей Тен, при наведении картинка должна стать цветной. Это работает на всех устройствах кроме iOS

[Lynn «Кофеман»]

Таки это проблема не фильтра grayscale, а hover-а.
Надо смотреть что вы там наверстали. Хотя ховер на таче это само по себе извращение

[Ankhena]

Георгий Хомалдишвили, Попробуйте привести селекторы к одинаковому виду.