底部有公共纯色背景版块,如何完美做到长页面背景图片拼接

问题:
当底部有公共纯色版块,即使一张完整背景图片,让美工调整下上下渐变,平铺下去能保证头尾衔接,平铺的情况会出现半张的情况,和底部纯色截断,看上去不协调,如何完美做到长页面背景图片拼接。

解决:将背景图片设置下颜色渐变,css相关代码:
background: linear-gradient(to bottom,rgba(6,11,16,0) 70%,rgba(6,11,16,1)),url(activevote/index_container_bg.png) repeat-y;

应用到的页面效果:

2019-11-22_150641.png



 

0 个评论

要回复文章请先登录注册