项目中突然发现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;
//这行代码引起兼容性
最后一行代码引起了这个问题,很奇怪。
【css字体样式渐变导致360浏览器vue兼容性问题】最后按照https://www.jianshu.com/p/e47837d80283的第三种方法修改后,成功解决。
推荐阅读
- web网页模板|如此优秀的JS轮播图,写完老师都沉默了
- JavaScript|JavaScript之DOM增删改查(重点)
- 网络|一文彻底搞懂前端监控
- css|我用css精灵图拼接了自己的英文名字,不会还有人不知道精灵图技术吧()
- css|css三角的做法及其案例
- css|css中元素的显示与隐藏
- JavaWeb|JavaWeb学习——CSS
- flex|C语言-使用goto语句从循环中跳出
- java|你跳一次涨多少(今天见识到跳槽天花板!!)