Вставка векторных изображений
В общем, мне нужно вставить фоном 5 векторных изображений с разным позиционированием.Получается вставить только одно. Как мне такой же констукцией добавить остальные 4?
.main::after {
background-image: url('../img/main/line1.svg');
content: '';
position: absolute;
width: 1951px;
height: 286px;
left: -9px;
top: 19px;
}Ответы (1 шт):
Автор решения: TaniaLinn
→ Ссылка
Той же конструкцией не выйдет, потому что width, height, left и top указывают размер и положение блоку, который один, а не фону (которых несколько в одном блоке).
Для фона вместо вышеперечисленных нужно использовать свойства
background-size: ширина высота; для указания размеров (если фонов несколько, то размеры указываются через запятую для каждого фона)
и background-position: слева сверху; для указания смещения по осям x и y (для нескольких фонов указываем через запятую).