Как можно поставить картинку поверх другой? Возможно ли это сделать с помощью языка css? [закрыт]
Закрыт. Этот вопрос необходимо уточнить или дополнить подробностями. Ответы на него в данный момент не принимаются.
Хотите улучшить этот вопрос? Добавьте больше подробностей и уточните проблему, отредактировав это сообщение.
Закрыт 3 года назад .
Я хочу поставить логотип на картинку,возможно ли это реализовать?
Отслеживать
задан 3 июн 2020 в 10:14
1 1 1 золотой знак 1 1 серебряный знак 2 2 бронзовых знака
Да. Изучите абсолютное позиционирование
3 июн 2020 в 10:17
2 ответа 2
Сортировка: Сброс на вариант по умолчанию
div < position: relative; >.inner
Отслеживать
ответ дан 3 июн 2020 в 10:25
5,005 2 2 золотых знака 11 11 серебряных знаков 25 25 бронзовых знаков
Картинку также можно задать блоком div с background-image .
div < display: flex; align-items: flex-end; background-image: url(http://ipic.su/img/img7/fs/Screenshotfrom2020-06-0313-18-56.1591179558.png); height: 400px; >img
Выравнивать можно через флексы и относительное позиционирование, а можно через абсолютное:
div < background-image: url(https://alatvesti.ru/wp-content/uploads/2019/09/les.jpg); position: relative; height: 200px; width: 600px; >img
Отслеживать
ответ дан 3 июн 2020 в 10:42
360 1 1 золотой знак 2 2 серебряных знака 9 9 бронзовых знаков
- html
- css
-
Важное на Мете
Похожие
Дизайн сайта / логотип © 2023 Stack Exchange Inc; пользовательские материалы лицензированы в соответствии с CC BY-SA . rev 2023.11.15.1019
Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.
Наложение одной картинки поверх другой
Подскажите как сделать картинку поверх одной большего размера картинку меньшего размера
мне надо что бы картинки обе были резиновые и уменьшались вместе с окном браузера
я делал так в HTML прописывал
body id="ident">/body>
1 2 3 4 5 6 7 8
#ident { background-attachment: fixed; background-image: url(/internet-seminar/callme/bg_2.png); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%, auto auto; font-family: 'Tinos',serif; }
картинка растягивается и уменьшается по размеру браузера
но вторую картинку с этими параметрами в CSS не могу наложить поверх первой
вторая картинка с парамерами в CSS нужно сделать такими
1 2 3 4 5 6 7 8
#ident { background-attachment: fixed; background-image: url(/internet-seminar/callme/bg_3.png); background-position: left 20 top 50; background-repeat: no-repeat; background-size: 50% 50%, auto auto; font-family: 'Tinos',serif; }
Подскажите ?
Заранее благодарю !
Добавлено через 9 минут
Мне надо что бы маленькая картинка была всегда в одном месте большой и не смещалась относительно большой и уменьшалась в разных разрешениях браузера
Объединение нескольких фрагментов в одно изображение
Команду «Автоматическое выравнивание слоев» можно использовать для создания совмещенной фотографии из пары практически идентичных, содержащих нежелательные области. Например, на одном групповом снимке все идеально, кроме одного человека, у которого закрыты глаза. На другом снимке у него глаза открыты. Используя команду «Автоматически выровнять слои» и маскирование слоя, можно объединить эти снимки и в конечном итоге устранить дефект.
Откройте два изображения, которые необходимо совместить.
Создайте новое изображение (меню «Файл» > «Новый») с теми же размерами, что и у двух исходных изображений.
Для каждого исходного изображения выберите на панели «Слои» слой, содержащий изображение, и перетащите его в окно нового изображения. После этого панель «Слои» нового изображения будет содержать два слоя, каждый из которых содержит одно исходное изображение.
На панели «Слои» нового изображения разместите слои так, чтобы изображение, которое нужно корректировать (портрет с закрытыми глазами), размещалось выше слоя с правильным содержимым (портрет с открытыми глазами).
Выберите два новых слоя и в меню «Редактирование» выберите «Автоматически выравнивать слои».
Выберите режим «Только перемещение» и нажмите кнопку ОК. Photoshop найдет общие для каждого слоя области и выровняет их так, чтобы они совпали.