基本CSS问题：如何指定div的背景图像的高度？

Question

我有一张图片没有完全覆盖div的背景。 我可以指定图像的高度以使其更大吗？

transparent url(http://www.example.com/picture.jpg) height=?? 

Answer 1

您无法拉伸背景图像。好吧，至少你今天无法通过浏览器可靠地做到这一点。未来的CSS最有可能支持它，IIRC。

如果要使用浏览器来拉伸图像，则需要使用<img>元素，但不建议这样做。

如果您不想拉伸图像，但更多部分背景图像被剪切掉，则展开具有css属性宽度或高度的背景元素的高度。

Answer 2

无法拉伸背景图像。

使用带有绝对定位的img标记，并将z-index放在其他元素后面。

Answer 3

您应该只指定div的高度。并使用

repeat

背景属性。

如果您需要拉伸使用div内的图像并使高度和宽度达到100％。

Answer 4

如果背景只是纯色，则可以使用repeat-y。

Answer 5

CSS3使用http://www.w3.org/TR/2002/WD-css3-background-20020802/#background-size执行此操作。可悲的是，还没有浏览器支持。你必须做一个img。

请参阅http://webdesign.about.com/od/css3/f/blfaqbgsize.htm和http://www.kyrnin.com/about/blfakebgstretchexample.htm