拉伸图像到屏幕底部css

我希望有一个图像（img标签不是背景到div），它拉伸全宽并拉伸到页面的底部（不拉伸到顶部）。拉伸图像到屏幕底部css

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

，但我只得到它相对于页面伸展100％，并创建一个滚动条和页面去下。我尝试过各种变化（与min-height而不是height，我要么得到的图像回到刚刚全宽（无拉伸高度的底部），或者它延伸超出屏幕。

我准备了什么CSS小的jsfiddle和HTML我到目前为止，虽然效果可能不会那么明显。

http://jsfiddle.net/Sk55Z/

我缺少什么？

来源

2013-07-17 jbx

有什么的jsfiddle链接？ – Matto

不好意思在我复制粘贴URL之前忘了保存，更新了链接 – jbx

你的小提琴中的大图像是一个背景图像，而不是一个img标签。你想要达到什么目标？修复图像位置到底部？这很容易。请更好地解释你正在做的事情。 – user1721135

我会去了解一下jQuery的终点直道，使其跨浏览器，你也可以使用条件html语句依赖于b保持正确的宽高比。

.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-17 21:56:54

您的示例中有什么新东西？我看不到它的工作原理，它仍然在创建滚动条并在框架底部创建出血。 – jbx

我用'.iebg'例子试过了。然而，图像的一部分现在不可见。如果我放上'top：100px'，那么图片就会向下移动（不会被压扁），而我会从底部松开100px。 – jbx

拉伸图像到屏幕底部css

回答

相关问题