Обрезание бекграунда по размеру окна

@Ave_Noob · Регистрация: 15.10.2013

Студворк — интернет-сервис помощи студентам

Здравствуйте! Подскажите, пожалуйста, как решить задачу:
есть картинка большая, размера, допустим 1900х1200. Как поставить ее на бекграунд и заставить ОБРЕЗАТЬСЯ под размер открытого окна без горизонтальных полос прокрутки?
Подчеркиваю - не масштабироваться, а обрезаться. Конечно, у бека должна быть фиксированная минимальная ширина.

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

Буду благодарен помощи!

@Taatshi · 15.10.2013, 13:50

не понятна проблема. бэкграунд на body поставьте,

CSS
1
background-position: center top

@Ave_Noob · 15.10.2013, 14:01 **[ТС]**

Смотрите: существуют экраны с различным разрешением. Например, у одних мониторов ширина 1900 px, у других - 1600 px, у третьих - 1024 px. И если я буду использовать фиксированный бекграунд для всех экранов, то на маленьких экранах (1280рх) появятся полосы прокрутки. Поэтому мне нужно, чтобы сайт обрезал бекграунд по ширине окна браузера пользователя, при этом не забыв задать минимальную ширину окна, при которой должны появиться полосы прокрутки (например, 1000рх - ширина контента сайта).
Так понятнее?
Спасибо за ответ!

@Web_Master · 15.10.2013, 15:27

CSS
1
2
3
body {
    background-position: center top;
}

А вообще вот почитайте полезную информацию про фон http://gering111.com/css-background/

@Taatshi · 17.10.2013, 00:44

Ave_Noob, задать минимальную ширину сайту и background-size прописать.

Новые блоги и статьи Все статьи Все блоги /
Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка SDL3 и Box2D из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .	SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»

@Ave_Noob 0 / 0 / 0 Регистрация: 15.10.2013 Сообщений: 2

	Обрезание бекграунда по размеру окна 15.10.2013, 13:26. Показов 1853. Ответов 4 Метки нет (Все метки) Здравствуйте! Подскажите, пожалуйста, как решить задачу: есть картинка большая, размера, допустим 1900х1200. Как поставить ее на бекграунд и заставить ОБРЕЗАТЬСЯ под размер открытого окна без горизонтальных полос прокрутки? Подчеркиваю - не масштабироваться, а обрезаться. Конечно, у бека должна быть фиксированная минимальная ширина. В ходе экспериментов получилось или выставить фиксированный размер бека или вообще убрать полосы прокрутки, но в таком случае полосы прокрутки не появляются, даже если сжать окно сайта до небольшого размера - а это никуда не годится. Буду благодарен помощи! 0

@Ave_Noob 0 / 0 / 0 Регистрация: 15.10.2013 Сообщений: 2
	15.10.2013, 14:01 [ТС]
	Смотрите: существуют экраны с различным разрешением. Например, у одних мониторов ширина 1900 px, у других - 1600 px, у третьих - 1024 px. И если я буду использовать фиксированный бекграунд для всех экранов, то на маленьких экранах (1280рх) появятся полосы прокрутки. Поэтому мне нужно, чтобы сайт обрезал бекграунд по ширине окна браузера пользователя, при этом не забыв задать минимальную ширину окна, при которой должны появиться полосы прокрутки (например, 1000рх - ширина контента сайта). Так понятнее? Спасибо за ответ! 0

@Taatshi Почетный модератор 12274 / 5340 / 268 Регистрация: 05.04.2011 Сообщений: 14,086 Записей в блоге: 2
	17.10.2013, 00:44
	Ave_Noob, задать минимальную ширину сайту и background-size прописать. 0