0

我希望有一个图像（img标签不是 a 的背景div），它可以拉伸整个宽度并拉伸到页面底部（不拉伸到顶部）。

我已经尝试过这里描述的解决方案：CSS Background to stretch to window bottom？

但我只是让它相对于页面拉伸 100%，并创建一个滚动条并进入页面下方。我尝试了各种变体（使用min-height而不是height让图像恢复到全宽（没有将高度拉伸到底部）或者它延伸到屏幕之外。

我已经准备了一个小的 JSFiddle，其中包含我目前所拥有的 CSS 和 HTML，尽管效果可能不那么明显。

http://jsfiddle.net/Sk55Z/

我错过了什么？

4

1 回答 1

1

我会研究 jQuery Backstretch 以使其跨浏览器。您还可以使用条件 html 语句来依靠背景覆盖来保持正确的纵横比。

.iebg {
    position: fixed;
    top: 0; /* here is where you specify how low you want the image to start */
    left: 0;
    width: 100%;
    height: 100%;
}

将该类放在图像标签上。

这是一个只有图像标签的示例：

http://jsfiddle.net/Sk55Z/2/

于 2013-07-17T21:56:54.937 回答