给文字加渐变色效果

遇到的问题，safari浏览器出现横线  主要是css样式的问题

css代码如下

background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#d3a971), to(#b3874b));        -webkit-background-clip: text;        -webkit-text-fill-color: transparent;

这段代码是没有问题的   因为给父元素做剧中的时候用到了css3的transform  导致的问题，改变这个方法之后，就没有这个问题了