视觉工作室代码将在实时服务器中显示图像但是当我直接打开浏览器时没有图像

Question

我正在使用 Visual Studio Code 并使用实时服务器来查看我在编码时的样子。

这是我遇到的困境。 编码后，它在实时服务器上看起来很棒。

但是当我直接在浏览器中打开它时（我在 chrome、firefox 和资源管理器中打开），除了图像不显示外，一切正常。 （我的背景图片、标志、图标、图片不会显示）。 我将所有文件传输到我的另一台笔记本电脑，结果相同

我所有的图像都使用背景属性在 CSS 中。 其他一切正常，字体颜色、阴影、边框、hover 等，除了图像不会显示（在实时服务器中除外）。 有没有其他人有这个问题，如果有，你是如何解决的？

我附上了我的代码的屏幕截图...我注释掉了正文中的所有信息。 注释掉其他 css 文件并注释掉除正文标记之外的所有 css 代码，应该可以工作，但仍然不会显示正文图像。 图片文件与 html 文件位于同一位置。 我在 url 地址周围使用了引号和不带引号，结果相同。

我使用了我的另一台笔记本电脑并在上面编写了相同的代码（除了使用不同的图像），图像在那个笔记本电脑上工作。（在那台笔记本电脑上也使用了 Visual Studio 代码）

我不知道为什么会这样。 任何帮助表示赞赏。 因为我真的不想再次重写 html 和 css。

html 和 css 代码

Answer 1

您的网络服务器是否有权查看图像？

您编写 css 的方式意味着该图像与您的 .css 文件位于同一文件夹中。

如果不是这样，请像“../path/to/file.jpg”一样