html - 当我将 CSS 文件移动到它自己的文件夹时没有图像

Question

我最近尝试将我的代码组织到文件夹中(图像、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
            \

看后，目录变了，需要加上'../'。

我希望这是有道理的并能回答问题，祝你好运。