適合背景圖像中的動態div

Question

我有一個背景圖像（700x500px），我想用它來填充一個動態div。在這個例子中，div只有20px，但它的高度可以超過500px。

<div style="background-image:url('background.jpg');width:710px"> 
some content some content 
</div> 

Answer 1

使用標準的CSS，你不能只適合背景圖像。但是你可以在一個div中使用一個圖像標籤，並調整它的大小。然後在它前面使用您的內容，因此圖像將用作背景。

你可以找到更多的細節，使用的CSS和示例頁面在這裏：
http://www.quackit.com/html/codes/html_stretch_background_image.cfm

Answer 2

您可以再補充background-size: cover;你的風格屬性