将CSS文件移动到自己的文件夹时没有图像

Question

我最近尝试将我的代码组织到文件夹（images，css，js）中。我将我的css和js文件放入各自的文件夹中。然后我改变了html上的链接：

<link href="css/design.css" rel="stylesheet" type="text/css">

但是，现在没有显示任何图像。

如何在将CSS文件保存在自己的CSS文件夹中的同时重新显示我的图像？

编辑： 我忘了添加一些重要信息。有些图像确实出现了，但有些图像并没有出现。这是一个陌生人的错误。一切都在文件路径中正确链接，并在考虑区分大小写的情况下正确命名。但是在运行html页面时只加载了一些图像。

Answer 1

如果这些文件夹的位置是代码之前的目录，那么你需要输入'../css/design.css'。您还需要为图像执行此操作。因此，如果图像是这样的，例如：'images / image1.jpg'，现在你已经将文件夹向上移动了一级，你需要放置'../ images / image1.jpg'。

例如，结构：

    BEFORE: +---- Main HTML file
            +---- CSS file
            +---- image1.jpg
            +---- image2.jpg
            +---- image3.jpg
            +---- image4.jpg
            \


    AFTER:  +---- Main HTML file
            +--+- CSS folder
            |  \---- design.css
            |
            +--+- Images folder
            |  +---- image1.jpg
            |  +---- image2.jpg
            |  +---- image3.jpg
            |  \---- image4.jpg
            \

见后，目录已更改，因此您需要添加'../'。

我希望这有意义并回答问题，祝你好运。

Answer 2

将CSS文件移动到任何文件夹都不会产生任何问题，只要您在HTML文件中正确链接它们即可。请检查您用HTML编写的文件名和路径。

Answer 3

首先通过将所有路径更改为直接路径来解决此问题。如果这有用，那么你的路径有问题。拥有直接路径可能是一个不错的主意，就像404页面等等一样，你永远不能完全确定从哪里加载页面。

Answer 4

我找到了答案。我忘了去css文件并将../添加到嵌入式网址图片 url（images / crosshatch.png）; 将其切换为

  

URL（../图像/ crosshatch.png）;

我将../添加到所有嵌入的图像并保存。然后所有的图像显示在我的HTML上。

希望这个答案可以帮助那里的人。