Как наложить одно изображение на другое?

Question

[Руслан Джафаров]

Оранжевый квадрат и буква - две разные картинки

Comments

[ambisinister One]

просто через запятую прописать урл(квадрат),урл(буква);
imho

[Руслан Джафаров]

ambisinistrone, в css?

[TeraMoune]

russsyaaa,
background - придаёт цвет фона
border-radius - закругляет края
padding - делает внутренний отступ

[ambisinister One]

russsyaaa, да, прям в css

[Руслан Джафаров]

ambisinistrone, понял,спасибо

[ambisinister One]

ambisinistrone,

Answer 1

[Alfieros]

Ну подобное обычно делается через bg-color, border-radius и задаете нужную ШxВ. Но, если именно 2 картинки 1 на другую, то внутри блока помещаете картинку фона, и на блок вешаете вторую через ::after или ::before.

Answer 2

[Нікіта]

Можно ещё позиционированием картинки выставить. Помещаешь 2 картинки в блок, блоку position: relative, а картинкам position: absolute и z-idex, top, left

Answer 3

[Ankhena]

Вы серьезно сплошной оранжевый цвет собрались задавать картинкой?

Варианта два:
1. Если логотип включает в себя оранжевую часть, то это одна картинка, желательно в формате SVG. Причем это <img>
Судя по тому, как написаны буквы названия, то и они являются частью лого.
2. Если логотип это только "буква", то оранжевое это background-color и border-radius. А сам логотип это снова тег <img>

Если всё же вам встретится необходимость сделать множественные фоны, то они просто пишутся через запятую.
Самый первый - верхний, последний - нижний. В серединке соответственно.

Comments

[Ankhena]

russsyaaa получилось?

[Руслан Джафаров]

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

[Руслан Джафаров]

Ankhena, понял, учту, спасибо