Css 文本下的背景图像在Mozilla中不起作用

我有这个：

我在图标下面放了一个背景图像，并改变了悬停的位置。 它在Chrome中工作得很好，但在Mozilla或IE中却不行（你需要在Chrome和Moz或IE中观看演示）。 所以我需要一个退路。我试过解决这个问题，但没有成功

有没有办法说，只在chrome浏览器中使用它，在其他浏览器中使用静态文本颜色和鼠标悬停

---

我很感激每一个解决方案

您所指的文本在哪里？图标？请澄清。是的，图标，对不起。我修改了它。我认为对于两个图标状态，只需文本颜色和不透明度就可以达到相同的效果。但是如果你有复杂的文本背景，对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;