css字体样式渐变导致360浏览器vue兼容性问题

编程入门 行业动态 更新时间:2024-10-26 12:32:43

项目中突然发现360极速浏览器的极速模式,使用v-for遍历数据进行dom渲染,点击切换时有些dom数据显示不会随数据改变而改变。测试了其他浏览器,都是正常的.只有360的浏览器有这种情况,最后发现:

我的字体使用了渐变的样式

 background-image: linear-gradient(
 0deg,
rgba(252, 234, 187, 1) 0%,
rgba(248, 181, 0, 1) 100%
);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; //这行代码引起兼容性

最后一行代码引起了这个问题,很奇怪。

最后按照https://www.jianshu/p/e47837d80283的第三种方法修改后,成功解决。

更多推荐

css字体样式渐变导致360浏览器vue兼容性问题

本文发布于:2023-06-14 08:17:00,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1455023.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:样式   浏览器   字体   兼容性问题   css

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!