适合背景图像到动态div

时间:2010-11-16 23:35:56

标签: css dynamic html background-image

我有一张背景图片(700x500px),我想用动态div填充它。在这个例子中,div只有20px,但它的高度可以超过500px。

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

2 个答案:

答案 0 :(得分:1)

使用标准CSS,您不能只适合背景图像。但是你可以在div中使用图像标记并使其调整大小。然后在它前面使用您的内容,以便将图像用作背景。

您可以在此处找到更多详细信息,css用法和示例页面:
http://www.quackit.com/html/codes/html_stretch_background_image.cfm

答案 1 :(得分:0)

您只需将background-size: cover;添加到您的样式属性

即可