背景大小是否适用于两个图像？

Question

我有一个带有两个背景图片的响应式登录页面。 我需要两张图片的 background-size 都是 40% 但我不确定我写 CSS 背景大小的方式是否只影响第一张图片。

这是我的 CSS:

.section-one {
   background: url(image-here.svg) left bottom no-repeat,
               url(another-image.svg) right bottom no-repeat;
   background-size: 40%;
   padding-bottom: 200px;
}

这是屏幕录像显示 CSS 的方式。如果您注意到，40% 仅应用于第一张图片：

Answer 1

为什么不像这样一直使用后台指令快捷方式来确定呢？

CSS

.section-one {
   background: no-repeat left bottom/40%   url('image-here.svg'),
               no-repeat right bottom/40%  url('another-image.svg');
   padding-bottom: 200px;
}

背景大小是否适用于两个图像？

Does the background size apply to both images?

css

background-image