Как сделать наложение картинку на картинку?

Question

[Алексей]

Добрый день. Как правильно сделать такой момент картинка внутри руки. Рука это backgorund-image, а картинка лого img.

Comments

[Антон Литвиненко]

а как по вашему, картинки так умеют?

[Alex_mos]

Z-index

[Антон Литвиненко]

Alex_mos, чисто из любопытства, как z-index решит вот это место, особенно учитывая что рука это бекграунд

тут надо вырезать кусочек руки и накладывать его поверх логотипа. Двумя картинками никак не обойтись
ну или в логотипе прорезать прозрачное место

[Alex_mos]

Антон Литвиненко, к примеру общий родитель, один блок с рукой(бакграундом) второй с логотипом, ну и позиционирование +z-index. Разве так нельзя?

[Ankhena]

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

А так:
блок
у него фон (нижняя часть руки)
в нем картинка с лого
поверх псевдо от блока с верхней частью руки.

Не абсолюты - гриды.

[Антон Литвиненко]

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

[Сергей delphinpro]

Антон Литвиненко, clip-path на псевдо по контуру перекрывающих передних пальцев