CSS垂直拉伸(stretch)到背景

Question

我似乎无法让我的背景图像垂直拉伸(stretch)(使用 CSS)并且一直无法获得它。如果不使用 jquery 插件，最好的方法是什么？

http://realestateunusual.com/

目前有

div#whitewrap {position:fixed; top:0; left:0; width:100%; height:100%;}

Answer 1

虽然问题不清楚，但我假设您希望房屋出现在页面底部？

除非必须，否则 body 不会填满屏幕。因此，您的 whitewrap div 仅填充 100% 的 body。

要么您也需要将 body 高度设置为 100%(虽然这有点 hacky)，要么将 body 的背景设置为图像。这将在屏幕底部显示背景图像(尽管主体不是全高 - 令人困惑吧？)。

然而，您的 HTML 很难检查，因为(我假设)您用来创建它的软件添加了比我想象的更多的 div!

编辑:仔细检查后，您似乎需要设置 background-position 属性以强制图像位于底部。然后，您可以将 background-color 设置为与图像顶部天空的颜色相同。这应该可以创建您想要的效果，而不必实际拉伸(stretch)和扭曲您的图像。