IE 11和其他浏览器的CSS文本渐变

时间:2018-07-06 09:45:49

标签: css linear-gradients

以下文本渐变代码在IE11中不起作用

h1 {
    font-size: 56px;
    font-weight: 600;
    background: linear-gradient(to right, #00a79d 0%, #8dc63f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
<h1>
    <span>The Leading Peer to Peer</span>
</h1>

如何支持IE11以及其他现代浏览器?

1 个答案:

答案 0 :(得分:0)

尝试一下:

 background: -webkit-linear-gradient(bottom,  rgba(66,229,150,1) 0%,rgba(60,179,185,1) 100%);

还将十六进制值更改为RGB颜色。