CSS：渐变文本颜色？答案

【问题标题】：CSS: Gradient text colour?CSS：渐变文本颜色？
【发布时间】：2012-08-31 13:01:23
【问题描述】：

我正在尝试让一些文本具有渐变色，但我不知道如何。我正在尝试这样：

我唯一尝试过的是-webkit-mask，但我无法让它按我想要的方式工作。另一件事是color 属性中的-webkit-gradient - 这可能吗？

跨浏览器兼容性相当重要，但不是世界末日。我更喜欢文字是 IE 中的纯色，而不是将整个内容转换为图像（有很多这样的文字，其中一些是动态的）。

【问题讨论】：

【解决方案1】：

对于基于 webkit 的浏览器（Chrome 和 Safari）：

.text {
  font-size: 20px;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#111));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

对于 IE 和其他：

http://www.webdesignerwall.com/demo/css-gradient-text/

【讨论】：

谢谢。您是否也知道其他浏览器的方法？如果它在 WebKit 和 Firefox 最低限度中工作，我会喜欢它（尽管 IE 会非常好）。
谢谢，已标记为解决方案。我不会使用该链接，因为我希望它的显示方式与取消选择文本的能力略有不同（尽管我猜我可以在不透明度为 0 的情况下再添加一层文本？）
为什么不使用现代linear-gradient语法：background-image:-webkit-linear-gradient(#fff, #111);？