防止粘性页脚覆盖背景大小的div：cover; CSS已应用

Question

客户端不希望粘性页脚覆盖其图像，但希望背景图像幻灯片显示随浏览器缩放。

可能？

Answer 1

您应该可以简单地替换

background-size: cover;

与

background-size: contain;

图片中的空白似乎有足够的空白，不要使用contain以任何方式遮盖它。另一方面，cover会尽可能地拉伸图像，以覆盖div的整体，而{{1}}又被拉伸以覆盖整个页面。