【问题标题】:Firefox text gradientFirefox 文本渐变
【发布时间】:2012-04-26 17:03:29
【问题描述】:

我想知道是否有办法在 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 似乎没有任何东西。

【问题讨论】:

  • 嗨,你最后是怎么解决这个问题的?
  • 现在支持,顺便说一句..

标签: firefox css


【解决方案1】:

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

【讨论】:

  • 我想你的权利我也试过了:-moz-background-clip: text;背景剪辑:文本;颜色:透明;也没用,嘘(对着 Firefox 握拳)
【解决方案2】:

FireFox 现在似乎支持 webkit 参数,将 -webkit-background-clip 别名为 background-clip (webkit 没有别名,因此目前最兼容的方式似乎是使用 -webkit-backgroup-clip 作为两者 FF和WK理解它)

【讨论】:

猜你喜欢
  • 1970-01-01
  • 2017-10-03
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-06-01
  • 1970-01-01
相关资源
最近更新 更多