设置没有设置高度的背景图像

Question

如何在没有设定高度的情况下设置图像背景？

#Header {
    background: #eee url("../Images/Banner.gif") repeat-x;
 }

<div id="Header">

</div>

但是不显示图像。但是，将显示以下代码图片。

    #Header {
        background: #eee url("../Images/Banner.gif") repeat-x;
height=150px;
     }

为什么我需要调整高度？如何自动测量高度？

Answer 1

图像是div的背景。如果div没有内容或设置尺寸，并且无法看到，您将如何看到它的背景？答案是将一些内容放入div中。如果你只想在div中显示这个图像，那么不要将它作为背景，而是将图像作为div中的实际html内容。

Answer 2

也许您可以尝试使用css3属性background-size并使用它：

background-size: auto