将图像粘贴到 div 的底部 – 响应图像问题（网格/填充）

Question

我可能想得太多了，错误地尝试了太多东西..

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

这就是我们正在谈论的网站。 在底部（页脚正上方），您会发现一张图像应该贴在粉红色框的底部。 每当我在移动设备上查看时，图像都会偏移到框外。我使用网格系统构建了该部分，但遇到了困难，所以我将其删除以用于移动设备……我只是想不出问题所在。现在——没有网格系统——同样的问题出现了。在 Android 上它似乎工作正常但在 iOS 上图像再次跳出盒子。当我为 iOS 修复它时，问题出现在 Android 上。 有什么帮助吗？

Answer 1

您 div 上 ID 为 #gutfilmer 的 background-attachment: fixed; 样式是 iOS 上的问题。

'background-attachment: fixed 已在 iOs 上禁用，因为它在移动浏览器上的成本很高。

如果您将其移除，胶片挡板将保持粉红色背景。

Answer 2

尝试

 #gutfilmer {
     overflow:hidden;
    }