CSS多个背景图像和“包含”

Question

美好的一天！ 我不知道它是否可能，但我正在寻找一种方法在一个div中将两个或多个背景图像放在彼此之下。图像应使用“background-size：contain;”自动调整大小。标签。有没有办法做到这一点？我已经尝试了以下内容：

background-image: url('../img/bild.jpg'), url('../img/bild2.jpg');
background-size: contain contain;
background-repeat: no-repeat, no-repeat;

但它没有用......

电贺， 约翰尼

Answer 1

,

之间缺少contain

background-image: url('../img/bild.jpg'), url('../img/bild2.jpg');
background-size: contain, contain;
background-repeat: no-repeat, no-repeat;

http://www.w3schools.com/css/css3_backgrounds.asp

您可以为多个背景设置任意值集，每个值由,分隔。但是一个背景的值由空格分隔。示例：可以在位置看到差异：

background-position: ??px ??px, ??px ??px;
                     ^^^^ ^^^^  ^^^^ ^^^^
       position for:  image 1    image 2

Answer 2

嗨，即使您可以使用仅使用背景属性

的简写方法尝试相同的结果

你可以试试这个

background: url('../img/bild.jpg'), url('../img/bild2.jpg') no-repeat / contain;