Как растянуть дочерний элемент во весь размер родителя?

Question

[MrZillaGold]

Есть картинка размер которой изменен на 32х32, после изменения размера пытаюсь растянуть обрезанную картинку на 48х48, но картинка находится в родителе с таким же размером.

<div class="furnace_item">
        <div class="furnace_item_render"/>
   </div>

.furnace_item {
    image-rendering: pixelated;
    height: 48px;
    width: 48px;
    z-index: 5;
}

.furnace_item_render {
    image-rendering: pixelated;
    height: 32px;
    background-image: url(image);
    background-position: 123px 64px;
    width: 32px;
    z-index: 10;
}

Answer 1

[MrZillaGold]

zoom: значение;

Answer 2

[Александр]

дочернему задайте 100% ширину и высоту.

P.S. И дочерний div нужно бы закрыть
<div class="furnace_item_render"></div>

Comments

[MrZillaGold]

В результате я хочу получить:
, но 48х48
Мой код выдает картинку выше, но 32х32

[Александр]

аа, у вас спрайты.

С ними сложно.
Надо использовать background-size вместе с backround-position. Причем, значения этих свойств придется рассчитывать.

[MrZillaGold]

Александр, наткнулся на свойство zoom, то что надо