html - 多个背景图像 - 只需要一个来覆盖

Question

我有两个背景图片。第一个是我想要在后面的一些树的图片，另一个只是我想悬停在 TreeMap 片顶部的黑框。

我遇到的问题是，当我使用“背景大小:封面”样式时，它会把它们都弄乱。我只需要将 TreeMap 片盖住并将盒子放在上面。这是代码:

    .main-image {
        width: 100%;
        height: 370px;
        background: url('../img/main-img-black.png'), url('../img/main-img.jpg') ;
        background-repeat: no-repeat, no-repeat;
        background-position: 10,0;
        background-size: 1, cover;  
    }

我希望这是有道理的!

Answer 1

Per MDN background-size: 1, cover; 不是有效的 CSS，因此规则“无效”。

尝试将其更改为:

background-size: 10px, cover;.

如果您未将值设置为 cover、contain、auto 或零 - 数字后必须跟单位类型。