CSS文本背景剪辑在Firefox上与在Chrome上非常不同

Question

Chrome：所需的效果

Firefox：发生了什么

代码：

  background-color: Red;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: rgba(255,255,255,0.5) 0px 3px 3px;

思想??

Answer 1

尽管firefox支持-moz-background-clip。不支持“text”值。您将不得不使用非webkit浏览器的其他解决方案。

实施例： http://nimbupani.com/using-background-clip-for-text-with-css-fallback.html