Question

我希望图片（img标签不是div的背景），它会拉伸全宽并延伸到页面底部（不会拉伸到顶部）。

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

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

到目前为止，我已经准备了一个关于CSS和HTML的小JSFiddle，虽然效果可能不那么明显。

我错过了什么？

Answer 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/

将图像拉伸到屏幕css的底部

1 个答案: