在开发中遇到一种场景:
- 需要给一个div设置渐变背景
- 在渐变背景上面蒙上一层透明的纹理图片
- 渐变背景的颜色根据情况变化,但是纹理图片不变
要达到以上效果就需要背景渐变和背景图片同时存在。
可做如下设置:
background: url('backgroundImg.png') 100% 100% no-repeat ,
linear-gradient(90deg, rgba(24, 37, 83, 1) 0%, rgba(73, 71, 110, 1) 100%);
逗号前面设置纹理图片,后面设置需要的渐变色即可。