本文最后更新于 799 天前,其中的信息可能已经有所发展或是发生改变。
今天遇到一个兼容性问题,渐变字体代码如下
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的浏览器中无法显示,最后找了很多办法,最后用
display: block;
好了。。。。