html - テキストなしでdivに背景を追加しますか？

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

したがって、高さを固定する必要がある場合heightは、CSS でプロパティを設定する必要があります。

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

これはデフォルトautoで自動的に幅になるため、幅を設定する必要はありません。