使用两个背景图像时的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;