Question

我希望背景具有渐变色和背景图像。它只是一个透明的图标，但我想改变图标本身的大小而不影响实际的背景尺寸。

感谢您的帮助!!

 .bg {
 background:url(http://icons.iconarchive.com/icons/graphicloads/100-flat/256/announcement-icon.png) no-repeat, linear-gradient(#1cd0d0 10%, #79dcc5 80%, #3bbdb18c 100%); 
 background-repeat: no-repeat;
 background-position: center; 
  }

<div class="bg">
  hi
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</div>

Answer 1

您的background:定义有两个背景设置。您可以将background-size附加到第一个定义，但需要将其写为position/scale：

.bg {
 background: 
 url(http://icons.iconarchive.com/icons/graphicloads/100-flat/256/announcement-icon.png) no-repeat center/30%, 
 linear-gradient(#1cd0d0 10%, #79dcc5 80%, #3bbdb18c 100%);

 background-repeat: no-repeat;
 background-position: center; 
  }

<div class="bg">
  hi
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</div>

更改背景图像大小，但不更改背景颜色

1 个答案: