Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何将图形存储在网页的单独文件夹中_Html_Css - Fatal编程技术网

Html 如何将图形存储在网页的单独文件夹中

Html 如何将图形存储在网页的单独文件夹中,html,css,Html,Css,我有以下文件和目录结构: site\ site\index.html site\background.jpg site\CSS\ site\CSS\main.css site\Graphics\ site\Graphics\background.jpg *注意:background.jpg位于磁盘上的两个位置 问题是图像不是从图形文件夹加载的,而是从主(站点)文件夹加载的 HTML: 我试过: background-image: url(background.jpg) works. backg

我有以下文件和目录结构:

site\
site\index.html
site\background.jpg
site\CSS\
site\CSS\main.css
site\Graphics\
site\Graphics\background.jpg
*注意:background.jpg位于磁盘上的两个位置

问题是图像不是从图形文件夹加载的,而是从主(站点)文件夹加载的

HTML:

我试过:

background-image: url(background.jpg) works.
background-image: url(..\Graphics\background.jpg) does NOT work.
background-image: url(Graphics\background.jpg) does NOT work.
有人知道如何让它工作吗?

试试这个:

background-image: url('../Graphics/background.jpg');
有关相关文件路径的更多参考,请查看此页面,尝试以下操作:

background-image: url('../Graphics/background.jpg');

有关相关文件路径的进一步参考,请查看路径中的此页面,只需在子目录中(或其本身)任何内容前面包含“\”


如果它是同一文件夹中的一个文件,而您使用“\”则它将不起作用,因为它已被指示检查较低的位置(它将查看您的文件,就像它试图检查子文件夹一样)。如果它应该在较低的文件夹中,只需在每个文件夹(当然,按顺序)和文件名之前包含“\”。

在路径中,只需在子目录中(或其本身)的任何内容前面包含“\”


如果它是同一文件夹中的一个文件,而您使用“\”则它将不起作用,因为它已被指示检查较低的位置(它将查看您的文件,就像它试图检查子文件夹一样)。如果它应该在较低的文件夹中,只需在每个文件夹前(当然,按顺序)和文件名前加上“\”。

你能提供你的文件结构截图吗?你能提供你的文件结构截图吗?太棒了!!非常感谢。令人惊叹的!!非常感谢。
background-image: url('../Graphics/background.jpg');