Question

我试图使用css制作一个html元素的背景图片，但背景并非没有文字。例如。

CSSS -

#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增加到现在需要的任何高度，现在有文字到位。

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

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

您不需要设置宽度，因为它会自动为auto宽度by default。

在没有文字的情况下为div添加背景？

3 个答案: