CSS背景图像将不显示 - 同一文件夹中的图像

Question

我已经制作了一个带有导航栏和其他一些东西的简单网站，并且我已经将导航部分划分为：

<div id="navBar"> nav stuff </div>

这是在我的 html 文档中。 这是 CSS 文件中的内容：

navBar { background-image:url(images/img1) no-repeat;
 width: 200px;
 height: 384;
 }

更多信息：所有文件都在同一个目录中，即我桌面上的一个文件。我已经尝试将图像与 CSS 文件一起单独输出，将其放入名为 images、image、imgs、img 等的文件夹中......没有任何效果...... 请帮忙！这已经到了我准备放弃添加图像的地步。

PS： - 我已经尝试将图像添加到其他部分，例如 ul、li 和 a 部分......没有任何效果。

Answer 1

您缺少 # 来引用 ID、图像名称周围的引号和图像扩展名。应该是这样的：

#navBar {
 background-image:url('images/img1.jpg') no-repeat;
 width: 200px;
 height: 384px;
 }