html - 使用两个背景图像时的 CSS 属性

Question

我已经提到了这个 post但无法弄清楚如何为两个图像应用单独的背景位置属性。这是我的 css 属性

css{ background-image: url('...img1.png'), url('....img2.png');
background-position: 0;
background-repeat: repeat,no-repeat;
background-size: 14%;
}

我希望能够为 background-position 和 background-size 属性应用单独的值，而一张图像上的属性不会影响另一张图像的位置和大小。

具体来说，我希望图像 1 的背景位置具有默认值，而图像 2 具有属性右下

背景图片 2 的大小也为 10%。

我试过这样做，但它似乎会影响其他背景图像的属性。我做错了什么？

Answer 1

你可以为两个图像设置不同的位置和大小

background-position: top left, top right;
background-size:100px,200px;