Html 如何从本地图像通过css使图像显示为背景

我试图使一个图像显示为id为“background”的div标记的背景。当我通过html来做的时候，它工作的很好，但是我试图通过css来做，而那是当它没有出现的时候。下面是css文件中的代码

#background{ 

background: url('ipadLayout.png');

}

Html代码：

<div id="background"></div>

文件夹结构：
主文件夹
-main_style.css
-ipadLayout.png

还尝试了这种结构：

主文件夹
-资产
/ipadLayout.png（此文件位于资产文件夹中）
-main_style.css

试试这个

<div id="background"></div>

#background{
  position: fixed; 
  top: 0; 
  left: 0; 
  background: url(images/bg.jpg) no-repeat center center fixed; 
  min-width: 100%;
  min-height: 100%;
}

#背景{
位置：固定；
排名：0；
左：0；
背景：url（images/bg.jpg）无重复中心固定；
最小宽度：100%；
最小高度：100%；
}

问题似乎在于

的宽度和高度为

0px

。将此设置为CSS，并将

宽度

和

高度

更改为图像的宽度和高度

#background {
    background-image: url('ipadLayout.png');
    width: 300px;
    height: 300px;
}

试试这个

#background{

  background: url(ipadLayout.png) no-repeat; 
  min-width:320px;
  min-height: 300px;
  display:block;

}

<div id="background"></div>

#背景{
背景：url（ipadLayout.png）不重复；
最小宽度：320px；
最小高度：300px；
显示：块；
}

图像位于何处，css位于页面根路径的何处？图像位于名为“资产”的文件夹中，但css和资产文件夹都位于“主”文件夹下。我已尝试将图像移动到与css文件直接位于同一目录中，但仍然无法工作。添加一些html代码和文件夹结构，我可以尝试使用

背景图像

而不是

背景

。我看不出这有什么区别，但这是值得尝试的。如果css和“资产”文件夹位于“主”文件夹下，那么它应该是

background:url（'assets/ipadLayout.png'），否？我在名为images的文件夹中有一个名为bg的图像