Прозрачное изображение CSS, растянутое по шаблону

Question

Как мне растянуть прозрачное изображение в одном слое, а в другом сохранить размер изображения (потому что это должен быть шаблон).это мой код.

div.someclass {    
background-image: url('someimage.png'), url('someimage2.jpg');
}

Я могу разделить этот div на два разных элемента один над другим, но я их анимирую (используя jquery), так что это сильно повлияет на производительность.

Что мне делать?

Answer 1

Вы можете управлять масштабированием фона с помощью background-size:

div.someclass {    
    background-image: url('someimage.png'), url('someimage2.jpg');
    background-size: 100% 100%, 200px 200px;
    background-repeat: no-repeat, repeat;
}

Для поддержки более старых браузеров вам нужно будет использовать префиксы поставщиков .