项目中有个需求,焦点样式改为渐变色。
当DIV中的内容为文字时,设置文字颜色,和DIV的背景色就可以了,如下:
color: rgba(255, 255, 255, 0.9);
background: linear-gradient(to right, #05BDE5, #10DAB4);
但DIV中的内容是个icon图片时,如下:
background: url(./abc.png)no-repeat center center, -webkit-linear-gradient(right, #05BDE5, #10DAB4);
但有的浏览器就不支持了,用Chrome浏览器只有写成-webkit-linear-gradient 才能支持,写成linear-gradient就不行。