css - 如何在 CSS 中设置背景图片大小？

Question

所以我的css代码如下:

.jumbobg {
    background: url('http://znc.mane-frame.com/static/silverleaf.png') fixed no-repeat, url('../img/banner-1008444.jpg') no-repeat, grey;
}

我想知道，对于第一张图片 (silverleaf.png) - 我将如何为该特定图片设置 background-size，使用像素(对于 silverleaf)或 auto？我尝试使用 background-size 标签，但它会调整上面定义的所有背景的大小。

Answer 1

问题是你在 background 属性中指定了两个背景(用逗号分隔)，所以你必须对 background-size 做同样的事情以获得它们的不同值，当您在 background-size 中仅指定一个值时，它会应用于两个图像，明确一点:

background-size: 50px 80px; - 这是一个值

background-size: 50px 80px, auto; - 这是两个值

像在 background 中那样使用逗号分隔符，例如，这应该可以按您的意愿工作:

background-size: 50px 80px, auto;