Question

假设我有一个＆＃39; root＆＃39;我桌面上名为New_Website的文件夹。然后我有四个子文件夹。 main_files，website_images，website_others，website_stylesheets。

如果website_stylesheets包含stylesheet.css并且网站图片包含randomimg.jpg，我如何使用CSS从stylesheet.css到randomimg.jpg - background-image：url（relative path）; ？

Answer 1

以下对我有用（我在桌面上创建了New_Website，里面有3个文件夹，每个文件夹有1个文件夹）：

index.html（在main_files文件夹内）

<html>
  <head>
    <link rel="stylesheet" type="text/css" href="C:\Users\...\Desktop\New_Website\website_stylesheets\stylesheet.css">
  </head>
  <body>
    <div></div>
  </body>
</html>

stylesheet.css（在website_stylesheets文件夹内）

body {
  background-color: gray;
}
div {
  background-image: url('file:///C:/Users/.../Desktop/New_Website/website_images/randomimg.jpg');
  height: 70px;
  width: 83px;
}

randomimg.jpg（在website_images文件夹内）

（这是一张白色图片）

使用CSS定义图像的相对路径：background-image url

1 个答案: