Фоновое изображение под текстом не работает в Mozilla
У меня есть это: демо
background-image: url('http://colorisrelative.com/wp-content/uploads/2010/08/halation_2color_orangecyan.png');
background-position: 80% 0%;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
Я помещаю фоновое изображение под значки и меняю положение при наведении. Он отлично работает в Chrome, но не в Mozilla или IE (вам нужно посмотреть демонстрацию в Chrome и Moz или IE). Так что мне нужен запасной вариант. Я пробовал решение этой статьи, но я не могу заставить его работать.
Есть ли способ сказать, использовать его только в Chrome и использовать статический цвет текста с помощью hover в любом другом браузере?
Я ценю каждое решение