прикрепить изображение к нижней части div - адаптивная проблема с изображением (сетка / заполнение)

Question

Я, наверное, слишком обдумал это и неправильно пробовал слишком много вещей ..

http://testserver.glow-berlin.de/kurzfilmwettbewerb

это веб-сайт, о котором мы говорим. Внизу (прямо над нижним колонтитулом) вы найдете изображение, которое должно прилипать к нижней части розовой рамки. Всякий раз, когда я проверяю это на мобильном телефоне, изображение смещается за пределы поля. Я построил раздел, используя систему сетки, но боролся с этим, поэтому я удалил его для мобильных устройств ... Я просто не мог понять проблему. Теперь, без системы сетки, возникает та же проблема. На Android кажется, что он работает нормально, но на iOS изображение снова выпадает из коробки. Когда я исправляю это для iOS, проблема появляется на Android. Любая помощь с этим?

Answer 1

попробуй

 #gutfilmer {
     overflow:hidden;
    }

Answer 2

Стиль background-attachment: fixed; на вашем div с идентификатором #gutfilmer является проблемой на iOS.

'background-attachment: fixed было отключено на iOs, поскольку в мобильных браузерах это стоит дорого.

Если вы удалите его, пленка остается на розовом фоне.