拉伸圖像到屏幕底部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

回答

相關問題