5

我想知道是否有办法在 Firefox 中应用文本渐变?我可以让它在 Chrome 和 Safari 中工作,代码如下:

h1 {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#000000));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    text-transform: uppercase;
    font: bold 4em "Lucida Grande", Lucida, Verdana, sans-serif;
}

但是 Mozilla 似乎没有任何东西。

4

2 回答 2

5

不幸的是,我认为只有基于 WebKit 的浏览器实现了该text-fill-color属性。据我所知,Mozilla 还没有解决方法。

于 2012-04-14T18:06:07.393 回答
1

FireFox 现在似乎支持 webkit 参数,别名-webkit-background-clipbackground-clip(webkit 不给它别名,因此目前最兼容的方式似乎是使用 -webkit-backgroup-clip,因为 FF 和 WK 都理解它)

在此处输入图像描述

于 2021-09-06T11:07:26.830 回答