Фоновая картинка за пределами контейнера?

Question

[beastbrook]

Верстаю бесплатный макет и столкнулся с проблемой в одной из секций. Соответственно никакого ТЗ и версий под другие разрешения.

Секция с пчелками. Сам контейнер 1170px, а максимальная ширина макета 1920px. По макету кажется так, что как будто этот фон с пчелками всегда прибит к левому краю по максимальной ширине body (1920px), а не вьюпорта и имеет фиксированную ширину и высоту.

И я вот никак не могу понять как это реализовать. Если сдвинуть с помощью background-position или позиционирования, то при максимальной ширине фон естественно будет обрезан. Я загоняюсь и не правильно понял как оно должно выглядеть или не вижу очевидного варианта?

Answer 1

[alvvi]

Если сдвинуть с помощью background-position или позиционирования, то при максимальной ширине фон естественно будет обрезан

Да, он будет обрезан и исходя из макета и предполагается что он будет обрезан. В таких случаях уточняется у дизайнера/клиента, что конкретно имелось в виду и как они это хотят видеть.

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

Comments

[beastbrook]

Если это адаптив, то я могу на каждый брейкпоинт просто корректировать немного смещение, а например при min-width: 1920px вообще его убрать и будет как на макете. А если это допустим резина? Про уточнение у дизайнера понял, просто для себя интересно, это вообще реализуемо нормально как я описал или я совсем бред написал?

[alvvi]

beastbrook, если это резина и вам вообще нельзя использовать брейкпоинты - ну хз, нужно какими-то хаками делать, или вообще на всех разрешениях оставлять смещение вправо. А если просто в целом должна быть резина, ну сделайте один брейкпоинт на смещение бэкграунда на ПК влево, да и все.