html - 在没有文本的情况下向 div 添加背景？

Question

我试图使用 css 使 html 元素具有背景图像，但背景并非没有例如文本。

社会保障体系——

#box {

  background url(.....)


}

HTML -

 <div id="box">something</div> // this works bu it shows the text

 <div id="box"></div>          // this is what i want not text just the background url from #box

谢谢 ：））

Answer 1

在 div 上设置宽度和高度。
示例：
HTML：

<div id="myDiv"></div>

CSS：

#myDiv {
  background: url(path/to/image.png);
  width: 200px;
  height: 200px;
}

Answer 2

那是因为 div 是 0x0px。给它一个高度和一个宽度。

Answer 3

默认情况下，您的 div 具有auto高度。您只在输入文本时看到背景的原因div是因为auto高度正在从0px现在需要的任何高度增加到现在有文本到位。

因此，如果您需要固定高度，则需要height在 CSS 中设置一个属性：

#box
{
   background: url(.....);
   height:100px;
}

您不需要设置宽度，因为默认情况下auto它会自动设置为宽度。