-moz-background-clip:text 在 Firefox 中不起作用

我正在尝试用图像填充 h1 标签中的文本内容。 根据我的理解；-)，我在 html 中执行以下操作：

<div class="image_clip">
 <h1>
  MY WONDERFULL TEXT
 </h1>
</div>

并在 css 文件中：

.image_clip{
 background: url(../images/default.png) repeat;
 -moz-background-clip: text;
 -moz-text-fill-color: transparent;
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
}

事实是，它没有产生预期的结果......即文本中的图像为颜色。 图像显示在 div 的整个背景上，而不仅仅是文本后面。 此外，文本本身仍然是黑色的。

我正在 Firefox 上尝试。没有其他浏览器。

我错过了什么吗？

感谢您的帮助。

Whilst -webkit-background-clip:text存在，-moz-background-clip:text才不是 https://developer.mozilla.org/en/CSS/-moz-background-clip，所以你将无法在 Firefox 中实现你的剪切效果。 （除非有其他我想不到的方法。）

也不-moz-text-fill-color https://developer.mozilla.org/en/CSS/-moz-text-fill-color，虽然你可以只使用color:transparent，只要该元素没有其他任何东西（例如边框，-wekbit-text-stroke）您希望可见。

你的代码does在 Chrome 和 Safari 中工作：

• http://jsfiddle.net/7T8am/2/ http://jsfiddle.net/7T8am/2/

但是，那<h1>的文本确实需要是透明的，因此如果有任何其他 CSS 代码为文本设置颜色<h1>，你需要覆盖它。