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

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

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%);

posted @ 2021-12-02 10:55  飏十七  阅读(1053)  评论(0编辑  收藏  举报