这非常令人尴尬。我正在学习新事物，但我很惊讶我无法自己解决这个问题。
在我的桌面上，我有一个名为Test的文件夹，其中包含index.html和一个名为CSS的文件夹，其中包含index.css，另一个名为images的文件夹包含一个名为logo.png的图像。
在我的index.css文件中，我有以下一行：
background: url("images/logo.png") no-repeat;
使用上面的行我无法在本地显示图像。我尝试使用/images和test/images，但它不起作用。如果我在本地查看，我该如何显示？
答案 0 :(得分：4)
正如您所提到的，您在根文件夹Test中有不同的CSS和图像文件夹。由于您在CSS文件中编写background的代码：
案例1：
background:url("logo.png");
将在CSS文件夹中搜索您的图片。
案例2：
background:url("images/logo.png");
首先在CSS文件夹中搜索images文件夹，然后在logo.png文件夹中搜索images。 （但CSS文件夹中没有图像文件夹）。
<强>情形3：
background: url("../images/logo.png") no-repeat;
在这种情况下，..会将您带回主目录（即从css文件夹到您的root forder Test。然后/images会将您带到images文件夹，它会找到/logo.png作为图片的路径。）
答案 1 :(得分：0)
尝试将此更改为
background-image: url("images/logo.png") no-repeat;
答案 2 :(得分：0)
基本上，你必须从逻辑上思考。如果您在一个文件夹中包含的CSS文件中，则会在该文件夹中搜索该文件中的所有链接。如果要链接到站点根目录中名为/ img的文件夹中的图像，则必须使用
向上移动一个级别../img/pic.extension
答案 3 :(得分：0)
将img更改为您班级的名称。使用内容而不是背景或背景图像，并设置一些宽度。
img {
content: url("../img/Wizard-of-os-black.png");
width: 90px;
}