Новая Школа - онлайн-школа подготовки к ЕГЭ
Задача Задача №3472007
А
Аноним
12 октября 2025 18:09 · публичный вопрос
А
Аноним

<BODY BACKGROUND=фон2.jpg> как в html растянуть фото на 100% какой командой ?

Ответ нейросети
12 октября 2025 18:09

Ключ к задаче: вместо атрибута HTML (который устарел) использовать CSS и свойство background-size.

Что именно сделать

  • Чтобы фоновое изображение растягивалось на весь экран/контейнер, используйте свойство background-size.
  • Основные варианты:
  1. Растянуть с сохранением пропорций и заполнением окна (наиболее часто используемый вариант)
  • background-size: cover;
  • Это заставит изображение заполнить весь видимый участок, часть изображения может обрезаться, но пропорции сохранятся.
  1. Растянуть точно по ширине и высоте (можно привести к искажению, но точно на 100% по обеим сторонам)
  • background-size: 100% 100%;
  1. Если хотите задать изображение как фон для всей страницы и по умолчанию не допускать повторения
  • background-repeat: no-repeat;
  • background-position: center center; чтобы изображение было по центру.

Пример кода (рекомендуемый вариант) HTML (без устаревших атрибутов):

Если нужен именно полный 100% по обеим сторонам без сохранения пропорций: body { background-size: 100% 100%; }

Дополнительные пояснения

  • Атрибут BODY BACKGROUND="фон2.jpg" устарел (HTML5). Чтобы корректно и кроссбраузерно работать, используйте CSS.
  • Если вы работаете не с фоном страницы, а с изображениям внутри страницы (img), для растяжения по ширине: width: 100%; height: auto; или, чтобы заполнить высоту контейнера: width: 100%; height: 100%; и object-fit: cover; для сохранения пропорций.

Если нужно, могу адаптировать пример под ваш конкретный случай (например, если у вас есть конкретный размер окна или контент).