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

项目中突然发现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.com/p/e47837d80283的第三种方法修改后，成功解决。

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

CSS -- CSS字体样式、文本样式、去掉列表的小圆点、背景、背景渐变
1. CSS字体样式.文本样式.去掉列表的小圆点.背景.背景渐变 1.1字体样式字体样式 font-family 字体(可以添加2种字体,一种针对中文,一种针对英文) font-size 字体大小( ...
HTML5常用的文本标签及css字体样式属性
HTML5常用的文本标签标签描述标题标签 HTML中一共有六级标题,标题按字号大小从大到小为H1.H2.H3.H4.H5.H6 <p> 用于定义HTML中的段落 <br> ...
css 字体样式设置
css字体样式(Font Style),属性时间:2014-05-08 21:49 来源:我爱学习网 | 作者:我爱学习网 | 本文已影响 68353 人 css字体样式(Font Style)是网 ...
CSS基础——CSS字体样式属性【学习笔记】
CSS字体样式属性调试工具 font字体 CSS外观属性快捷操作emmet语法练习案例-体育页面 1.font字体 1.1 font-size:大小作用: font-size属性用于设置字号 p ...
html中样式属性有哪些,css字体样式属性有哪些？
css字体样式属性有:1.font-size:字号大小.2.font-family:规定元素的字体系列.3.font-weight:字体粗细.4.font-style:字体风格.5.font:综合设置 ...
HTML与CSS——CSS字体样式
HTML与CSS--CSS字体样式字体样式 CSS 提供了很多属性来控制字体的外观. 常用属性有: font-size:设置字体大小. font-family:设置字体类型. font-weight ...
CSS字体样式属性（font-size、font-family、Unicode、font-weight、font-style、font）
CSS字体样式属性 font-size:字号大小 font-size属性用于设置字号,该属性的值可以使用相对长度单位,也可以使用绝对长度单位.其中,相对长度单位比较常用,推荐使用像素单位px,绝对长度 ...
最详细的CSS字体样式总结（font-family、font-size、font-weight、font-style等）
文章目录前言一.字体系列二.字体大小三.字体粗细四.字体样式五.字体复合属性写法总结前言由于自己在学习CSS的过程中会时不时忘记一些CSS字体样式的书写,因此在本文记录了一些常用的C ...
css字体样式，选择器，外观属性
css字体样式,选择器,外观属性字体样式 ont-size:字号大小 font-family:字体 css unicode 字体 font-weight:字体粗细 font-style:字体风格 f ...

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

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

最新文章

热门文章