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