css 同时设置背景渐变色和背景图片

css 同时设置背景渐变色和背景图片

.element {
  /* 背景图片在前，渐变色在后（会显示在图片下方）
    如果希望渐变色覆盖在图片上方，只需调换顺序即可
  */
  background-image: url('image.jpg'), linear-gradient(to right, #color1, #color2);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}