Переход прозрачности CSS CSS + видимость

Взгляните на следующий тест в браузере настольного компьютера ( JSFiddle ):

 a {background: gray; дисплей: блок; маржа: 100 пикселей; отступ: 100 пикселей; } диапазон {непрозрачность: 0; -webkit-transition: 0,5 с; видимость: скрыта; } а: диапазон наведения {непрозрачность: 1; -webkit-transition: 0,5 с; видимость: видимая; } 

  a  span   

Вы наводите курсор на элемент привязки, и элемент span исчезает, как и должен.

Теперь посмотрите через устройство iOS. Результат: ничего не делает.

Факты:

• Если свойство перехода отсутствует, оно работает.
• Если свойство непрозрачности или видимости отсутствует, оно работает.
• Не запускается событие webkitTransitionEnd для свойства opacity или visibility.

Есть ли способ обхода проблемы?