CSS 背景图片和渐变色并存
.login-container {
background: url(/static/img/001.png) 200px no-repeat,linear-gradient(90deg,
#10ad89 0%, #1ca4be 100%);
}
在做登录页面时,UI给的背景图是分为背景渐变 和背景图片,在一个元素标签上展示,实践过以上写法可以实现。从网上搜索时,搜到的结果是,
1.渐变属性与图片属性中间用逗号隔开;
2.渐变属性要在图片属性之前。
但这种没有出现想要的结果,所以我自己写到一个属性里就可以了,注意图片一定是png格式的。
原文:https://blog.csdn.net/lilyheart1/article/details/107563872