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

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;
     }

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

score 2 · Accepted Answer

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

score 0 · Accepted Answer

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

background-size: auto

2 回答 2