Question

我正在尝试将图片显示为div标签的背景，其ID为＆＃34; background＆＃34;。当我通过HTML执行它时工作正常，但我试图通过css这样做，当它没有出现时。这是css文件中的代码。

#background{ 

background: url('ipadLayout.png');

}

Html代码：

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

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

也试过这个结构：

MainFolder
-assets
/ipadLayout.png（此文件位于assets文件夹中）
-main_style.css

Answer 1

试试这个..

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

Answer 2

问题似乎是<div>的宽度和高度为0px。将此设置为您的CSS，width并将height更改为图片的宽度和高度。

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

Answer 3

试试这个

#background{

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

}

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

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

3 个答案: