Html 访问WAMP中的图像和css文件
我已经创建了文件夹结构为www/xyz/images和其他文件夹www/xyz/css。我正在导入css文件和css文件,如下代码所示。导入css文件时不显示背景图像 index.php //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
图像路径必须相对于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;
}