Как изображение вывести за видимый экран, но убрать overflow?

Question

[Sanzhar Bazarbek]

Добрый день. Хочу сделать так, что бы изображения было видно к примеру на половину - а половина спряталась за видимый экран. Как это сделать? Появляется overflow - который мешает листать

Comments

[Ankhena]

overflow: hidden мешает листать?

[Sanzhar Bazarbek]

Ankhena, не пробовал. куда его вставить? на изображение?

[Ankhena]

Sanzhar Bazarbek, читайте https://developer.mozilla.org/ru/docs/Web/CSS/overflow

[Sanzhar Bazarbek]

Ankhena, https://jsfiddle.net/32ehd947/6/ - вот если что, сейчас буду читать)

[Sanzhar Bazarbek]

Ankhena, хм - а он работает с position absolute? даю overflow контейнеру - не срабатывает

[Sanzhar Bazarbek]

Ankhena, https://jsfiddle.net/32ehd947/36/ - теперь он вообще пропал

[Ankhena]

Sanzhar Bazarbek, Логично.
Абсолют выводит элемент из потока, родитель перестает знать о его размерах. Поскольку в родителе ничего больше нету, то его размер получается 0х0, а всё что за пределами обрезано. В результате ничего и не видно.

Если нормально и полностью объяснить задачу, то и ответ будет хорошим.

Скорее всего:
Раз вы хотите показывать не всю картинку, то вряд ли она несет смысловую нагрузку. А раз она декоративная, то и в разметке её быть не должно. А с фоном всё проще и overflow не нужен.

И в вашем примере что-то много оберток.

[Sanzhar Bazarbek]

Ankhena, что насчет Как работать с изображениями которые выходят за область видимости? ?

[Ankhena]

Sanzhar Bazarbek, там обычные фоны без затей