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

Question

我已经参考了这篇文章，但无法弄清楚如何为这两个图像应用单独的背景位置属性。这是我的 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 具有属性 right-bottom

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

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

Answer 1

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

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