Android css3漸變文字問題

Question

如何讓漸變文字與css3在android中工作？

Answer 1

你想要webkit background-clip：text;設置：

更多的例子見http://www.css3.info/webkit-introduces-background-cliptext/

Answer 2

我在谷歌上找到了這個。它覆蓋了文本上的跨度，因此您的背景需要與漸變顏色相同，但它應該適用於所有瀏覽器。

http://webdesignerwall.com/tutorials/css-gradient-text-effect

另一種選擇，這確實掩蓋了文本所以你可以把它放在任何背景，是使用-webkit-gradient:和-webkit-mask-image:，這將在Android的工作，因爲它使用了WebKit渲染引擎，但不能在Firefox或IE。 Firefox有另一種選擇-moz-linear-gradient:，但是我不知道你可以如何將它掩蓋到文本上，而在IE上，我沒有線索......我很確定它還沒有被支持。繼承人的視頻教程和示例代碼如何使用它：

http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-pure-css-text-gradients/

希望它能幫助！