Question

我所需的图像文件路径是xampp1 / htdocs / projecto / images / bgs.jpg 我的css文件路径是xampp1 / htdocs / projecto / css / sp.css 我的css代码是：

body
{ margin-top:100px;
  background-color:linen;
  background-image:url("/projecto/images/bgs.jpg");
  height: 100%; 
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; 
}

这是我在我的html文件中链接它的方式：

<head>
<link rel="stylesheet" type="text/css" href="/projecto/css/sp.css">

但我的背景图片没有显示......

Answer 1

尝试使用../从css文件夹上升一级，而不是直接引用项目文件夹。尝试以下代码，看看是否有帮助

background-image:url("../images/bgs.jpg");

Answer 2

要从项目外部的另一个文件夹链接图像，则需要从项目文件夹中返回。为此，使用两个点表示您可以访问项目外的文件。然后显示您的文件夹的目录。项目的示例是

background-image:url("../images/bgs.jpg");

谢谢。

将已更改文件夹中的背景图像插入到css文件中

2 个答案: