Задать вопрос
vasilyokunevs
@vasilyokunevs
Любитель программировать на web-языках
html

Как растягивать Background (чтобы изображение не повторялось)?

Нужно растянуть background на всю страницу. Именно растянуть, поскольку по-умолчанию, в случае если разрешение экрана больше чем размер изображения, то изображение дублируется.
  • Вопрос задан
  • 5865 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
@Andy_Francev
Frontend Developer
Если именно растянуть (с возможной деформацией пропорций), то:
background-size: 100% 100%;
Если с сохранением пропорций, то:
background-size: cover;
Исключить дублирование изображения:
background-repeat: no-repeat;
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@alexr64
https://webref.ru/css/background
https://webref.ru/css/background-repeat
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Верстальщик HTML
MST
от 450 $
Баннермейкер (html-5)/дизайнер-верстальщик/motion-дизайнер
BYTIME
от 130 000 ₽
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Исправить ошибки в консольном интерфейсе с применением C# и NET
28 дек. 2024, в 22:21
500 руб./за проект
Сделать бота
28 дек. 2024, в 21:56
25000 руб./за проект
Доработка Битрикс
28 дек. 2024, в 18:50
1200 руб./в час
Ещё заказы