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

Question

以下文本渐变代码在 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 以及其他现代浏览器？

Answer 1

试试这个:

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

同时将您的十六进制值更改为 RGB 颜色。