苹果手机浏览器(Safari)字体渐变色无效问题

王永杰

2022-9-02 14:22

2022-9-02 14:27

1,564

开发相关

80 字

1 分钟内

本文最后更新于 811 天前，其中的信息可能已经有所发展或是发生改变。

今天遇到一个兼容性问题，渐变字体代码如下

background-image: -webkit-linear-gradient(left, #4142df, #e84176);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
background-color: #fef1cd;
background-image: -webkit-linear-gradient(62deg, #fef1cd 0%, #edbc40 100%);
background-image: -moz-linear-gradient(62deg, #fef1cd 0%, #edbc40 100%);
background-image: -o-linear-gradient(62deg, #fef1cd 0%, #edbc40 100%);
background-image: linear-gradient(62deg, #fef1cd 0%, #edbc40 100%);

在谷歌浏览器，Android浏览器都能正常显示，在iPhone的浏览器中无法显示，最后找了很多办法，最后用