CSS代码：背景图片不起作用

Question

我创建了一个与CSS连接的HTML网站。

body{
    background-image: url("imag.jpg");
}

当我运行代码时，为什么图像不显示？作为我的背景图片。我已经三倍检查了我的图像的所有拼写和文件格式。

有谁知道为什么背景图片不会出现？

Answer 1

问题是您的图片不在CSS文件夹中。如果那行代码在style.css文件中，那么它从该文件夹读取， 如果图片在另一个文件夹中，那么你举个例子：

background-image: url("../img/imag.jpg");

Answer 2

• 图像与引用它的文件位于同一目录中吗？
• 目录位于
目录下
• 目录上方？

在＆＃34;下面＆＃34;和＆＃34;以上＆＃34;，我的意思是子目录和父目录。相对文件路径为我们提供了双向旅行的方式。看看我的原始示例：

以下是您需要了解的相关文件路径：

• 以＆＃34; /＆＃34开头;返回根目录并从那里开始
• 以＆＃34; ../"开头;向后移动一个目录并从那里开始
• 以＆＃34; ../../&# 34开头;向后移动两个目录并启动 那里（等等......）
• 要继续前进，只需从第一个子目录开始并保持 前进