背景剪辑在Mozilla中不起作用

Question

I have the following css code:

.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;
}

It works excellent in every browser, except Mozilla Firefox. In that browser, only the wallpaper appears on the screen and it's not clipped with the text. Any suggestions?

Answer 1

好的，我发现此链接很有帮助： http : //nimbupani.com/using-background-clip-for-text-with-css-fallback.html