其他分享
首页 > 其他分享> > 解决背景颜色渐变和背景图片同时存在的冲突:

解决背景颜色渐变和背景图片同时存在的冲突:

作者:互联网

当一个元素背景颜色和背景图片同时存在的时候,单独顺序书写

eg:

background-image:url(./img/Bitmap.png);

background-color:#ccc

这样书写下面的color会覆盖image,反之image会覆盖color

 

综合写法才会同时存在:

eg:

background: url(./img/Bitmap.png) right top /.3rem no-repeat,linear-gradient(225deg,rgba(0,137,80,1) 0%,rgba(0,137,81,1) 50%,rgba(0,130,72,1) 100%);

标签:background,img,color,渐变,137,冲突,rgba,image,背景图片
来源: https://www.cnblogs.com/jiaxingjun-1006/p/15632262.html