通过css给文字添加加渐变效果文字不显示了,谷歌浏览器,是因为兼容性问题吗?
模板半部分,pug模板
.flex-v.real-time-trading 实时数据
.real-time-trading
height 32px
padding-top 31px
padding-left 38px
line-height 32px
font-size 28px
background linear-gradient(to right, red, blue)
-webkit-background-clip text
color transparent
css样式显示情况
被其他样式覆盖了吧 ,你看我这个
background: linear-gradient(to right, red, green);
-webkit-background-clip: text;
样式只要这两行
在控制台css显示-webkit-background-clip: text;
不生效 实际上是生效了的
你仔细检查生效了没有 有可能只是颜色原因效果不明显