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

时间:2014-04-30 21:03:01

标签: html css image background web

我创建了一个带导航栏的简单网站和其他一些东西,我已经将导航部分划分为:

<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部分......没有任何效果。

1 个答案:

答案 0 :(得分:2)

您缺少#以引用ID,图片名称周围的引号和图片扩展名。应该是这样的:

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