当前位置: 代码迷 >> 综合 >> css 背景图片和渐变色并存
  详细解决方案

css 背景图片和渐变色并存

热度:58   发布时间:2024-01-31 18:36:25.0
.login-container {background: url(/static/img/pic.e0485801.png) 200px no-repeat,linear-gradient(90deg,             
#10ad89 0%, #1ca4be 100%);
}

在做登录页面时,UI给的背景图是分为背景渐变 和背景图片,在一个元素标签上展示,实践过以上写法可以实现。从网上搜索时,搜到的结果是,

1.渐变属性与图片属性中间用逗号隔开;
2.渐变属性要在图片属性之前。

但这种没有出现想要的结果,所以我自己写到一个属性里就可以了,注意图片一定是png格式的。