背景剪輯在Mozilla中不起作用

Question

我有以下CSS代碼：

.text-header-wetland h2 {
  color: transparent;
  background-image: url(../../img/light-blue-gradient-wallpaper-3.jpg);
  background-position: center center;
  background-size: cover;
  -webkit-background-clip: text;
}

它在Mozilla Firefox之外的所有瀏覽器中均能正常工作。 在該瀏覽器中，只有牆紙出現在屏幕上，並且沒有被文本剪切。 有什么建議么？

Answer 1

好的，我發現此鏈接很有幫助： http : //nimbupani.com/using-background-clip-for-text-with-css-fallback.html