russsyaaa
@russsyaaa
Code Enthusiast

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

61e88a2adcc5e147427904.png
Оранжевый квадрат и буква - две разные картинки
  • Вопрос задан
  • 125 просмотров
Решения вопроса 3
mrsexy
@mrsexy
Senior Pomidor
Ну подобное обычно делается через bg-color, border-radius и задаете нужную ШxВ. Но, если именно 2 картинки 1 на другую, то внутри блока помещаете картинку фона, и на блок вешаете вторую через ::after или ::before.
Ответ написан
Комментировать
@nikita1711
Можно ещё позиционированием картинки выставить. Помещаешь 2 картинки в блок, блоку position: relative, а картинкам position: absolute и z-idex, top, left
Ответ написан
Комментировать
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Вы серьезно сплошной оранжевый цвет собрались задавать картинкой?

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

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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы