Как загнать фоновое изображение за пределы экрана с помощью css?

Question

[ITlatip]

Я в css задаю изображение как фоновое и я хочу загнать это изображение за пределы видимости браузера примерно на 100px, но когда я это делаю появляется полоса прокрутки. Как это исправить, чтобы я мог загнать изображение за пределы экрана и чтобы не появлялась прокрутка?

Comments

[Andrew]

Пример покажите. Можно через отрицательный background-position

[ITlatip]

Спасибо за отклик, уже решил вопрос

[Rustam Bainazarov]

Скролл из-за фона? Не знаю о таком поведении, не могли бы подсказать код?

Answer 1

[Рома Зварич]

Из описания делаю предположение, что обычный тег <img> используется как фон элемента

Не видя Вашего примера, приходится только догадывать, какая у Вас ситуация и как её можно решить

Как вариант, родительскому элементу задать overflow: hidden, а изображение позиционировать абсолютно.

Результат:
Наведите на картинку курсор - картинка уезжает за пределы блока, ширина которого равна ширине экрана
https://codepen.io/hisbvdis/pen/NWWEpxb

Comments

[ITlatip]

Спасибо большое, все получилось

[Рома Зварич]

ITlatip, если ответ помог, можете пометить его решением

[ITlatip]

Рома Зварич, отметил, спасибо

[Рома Зварич]

ITlatip, до Вас уже куратор тега отметил ответ решением.
А Вы снова убрали эту отметку :(

[ITlatip]

Рома Зварич, я случайно, заново отметил если что

[Рома Зварич]

ITlatip, спасибо