Question

有人可以向我解释为什么这不起作用我尝试了不同的可能性，例如外部和内部CSS，但没有用。提出一些建议谢谢。

#intro {
  width: 100%;
  position: relative;
  background: url("C:\Users\manas\OneDrive\Desktop\project newbiz\image\intro-bg.png") center bottom no-repeat;
  background-size: cover;
  padding: 200px 0 120px 0;
}

<section id="intro">
  <div class="container">
    <div>
      <h2> solutions</h2>
    </div>
  </div>
</section>

编辑：我也尝试过

  background: url("../images/intro-bg.png");

当我在img标签中使用相同的东西时，它可以正常工作。为什么会这样？

Answer 1

好吧……这是问题所在：您的样式表不知道c：\ f.jpg在哪里。您需要使用相对文件路径。也就是说，指向图像位置的文件路径相对于请求它的文档。那是绝对文件路径。我能描述的唯一方法是：

我不太确定语法，但是您需要随意升级文件系统中的某个级别或更深入。

这是您的照片：

C：\ Users \ manas \ OneDrive \ Desktop \ project newbiz \ image \ intro-bg.png

您的样式表需要知道要查找的位置不在css目录中，而是在c：\中向上查找，或者在c：\

中向下查找

将图像放置在正确的路径后，请尝试以下操作：

背景图片：url（'.. \ images \ intro-bg.png'）;

不确定这是否行得通，但这是* Nix系统的工作方式。这是我们的样子：

background-image：url（'../ images / intro-bg.png'）;

我希望能有所帮助。要么，要么我让您更加困惑。

如果正确完成，绝对文件路径可能会在* Nix系统上工作，并且可能会在Windows系统上工作……我只是从未尝试过，因为这没有任何意义。

尽管给出了正确的图像路径，但仍未显示背景图像

1 个答案: