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;

想法？？

- james

Answer 1

尽管在Firefox中支持-moz-background-clip，但不支持'text'值。 您需要为非Webkit浏览器选择另一种解决方案。

Example: http://nimbupani.com/using-background-clip-for-text-with-css-fallback.html

- mattdevio