Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.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 访问WAMP中的图像和css文件_Html_Css_Wamp - Fatal编程技术网

Html 访问WAMP中的图像和css文件

Html 访问WAMP中的图像和css文件,html,css,wamp,Html,Css,Wamp,我已经创建了文件夹结构为www/xyz/images和其他文件夹www/xyz/css。我正在导入css文件和css文件,如下代码所示。导入css文件时不显示背景图像 index.php // 图像路径必须相对于CSS文件的目录。通过调用images/foodspot4.jpg您要求样式表在目录www/xyz/css/images中查找不存在的文件 因此,您应该使用相对路径:它应该如下所示 body { background-image: url("../images/foodspot4

我已经创建了文件夹结构为www/xyz/images和其他文件夹www/xyz/css。我正在导入css文件和css文件,如下代码所示。导入css文件时不显示背景图像

index.php //


图像路径必须相对于CSS文件的目录。通过调用
images/foodspot4.jpg
您要求样式表在目录
www/xyz/css/images
中查找不存在的文件

因此,您应该使用相对路径:它应该如下所示

body {
    background-image: url("../images/foodspot4.jpg");
    background-repeat: no-repeat;
    background-size:cover;
}
。/
将指示CSS在父目录中查找
/images/
文件夹

body {
    background-image: url("images/foodspot4.jpg");
    background-repeat: no-repeat;
    background-size:cover;
}
body {
    background-image: url("../images/foodspot4.jpg");
    background-repeat: no-repeat;
    background-size:cover;
}