html - 背景图像未显示

是HTML的新手。我遇到了类似的问题，但没有一个解决我的问题。谁能帮忙。提前致谢。
文件位置正确。
我的代码：

<div id="bg">
</div>

CSS：

#bg{
background-image: url("bg.png");
}

最佳答案

尝试这个：

为了进行演示，我使用了500px x 500px的像素，可以用100％x 100％的div包裹一个容器。您不需要display：block;在您的CSS中，因为div已经具有显示块作为大多数浏览器的标准。

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

另外，请确保宽度和高度与图像的宽度和高度相匹配。

您的包含文件的地图应如下所示：

index.html
bg.png
mycss.css
... many other .html / .php / .css

如果要使用容器，css将看起来像这样。如果您要使用CSS进行更多操作，请尝试使用容器，这对于不同大小的浏览器也非常有用。

#bg{
   width: 100%;
   height: 100%;
}
.container{
   width: 500px;
   height: 500px;
}

还有你的HTML

<div class="container">
   <div id="bg"></div>
</div>

关于html - 背景图像未显示，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28315440/