html - 我正在尝试将 webkit 命令转换为 moz o 和 ms

Question

我正在尝试找到 webkit 命令的替代方法：

-webkit-text-fill-color

由于 moz o 和 ms 中尚不支持此功能，因此任何人都知道可以执行此操作的另一个命令或我可以使用某种 css hack 来获得此效果吗？

基本上我所做的是使文本不可见，将背景渐变设置为不可见，除了文本所在的位置，并使该背景显示出来以制作纯 CSS 渐变文本。有人有想法么？这就是我使用 webkit 完成它的方式：

background-image: -webkit-linear-gradient(top, #3e698c, #30576e);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

它在 safari/chrome (duh :P) 中效果很好，但在 ff 歌剧 maxthon 等中效果不佳。

score 1 · Accepted Answer

这已在评论中解决，因此将评论放在答案中以将此问题从未回答列表中删除。

代替使用颜色和 webkit-text-fill-color 两者都是相同的，看看“-webkit-text-fill-color”和“color”之间的区别？– Arpit Srivastava 2012 年 9 月 14 日 3:12

此外，除了 IE 之外的所有浏览器都支持 webkit-text-fill-color，即使它不是标准的：https ://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-text-fill-color #Browser_compatibility

1 回答 1