Javascript HTML中的目录

我一直在设计网页，我用保存在同一个文件夹中的所有内容。。。像index.html和css文件在同一个目录中，便于访问。。。所以，如果“img”文件夹中有图像，那么html和css都可以访问它们，比如“img/img.jpg”等等

但是我在网上看到了很多网页，上面都有指定给所有文件的特定目录。。。像css文件一样，它通常是“src/css/file.css”，而javascript文件是“src/js/file.js”

现在的问题是，如果目录“img/…”中有一个css文件（存储在主目录“src/css/file.css”中的单独文件夹中）要使用的图像，那么我如何将图像位置的确切地址放入css文件中

我在在线源代码中看到的是，css文件可以从主文件夹/img/img.jpg访问它们，而它们位于主文件夹/src/css/file.css

但当我开始这样做时，我的图像不会加载并显示

在这方面请帮助我

---

可以在php中使用基本url获取目录

locations/img/image.png

这样

例如，可以这样做

---

/images/img.png

当您从HTML或CSS创建文件之间的链接时，需要添加文件的相对链接

以这个文件结构为例：

index.html
about.html
css/styles.css
img/bg.png
img/logo.png

body {
    background-image: url(../img/bg.png);
}

这两个HTML文件位于同一目录中，因此它们之间的链接很容易：

但是，如果要链接到图像，则需要包含目录：

CSS文件位于子目录中，因此您需要链接到当前位置上方的目录。您可以使用文件路径中的

。/

执行此操作。例如：

index.html
about.html
css/styles.css
img/bg.png
img/logo.png

body {
    background-image: url(../img/bg.png);
}

---

如果您将CSS、图像和JavaScript保存在逻辑位置（

CSS/

、

img/

、

js/

），那么您应该能够将资产存储在单独的目录中，远离HTML文件。

在您的情况下，您需要向上移动两个目录。 因此，它将是：

---

../../images/img.jpg

您可以使用../进入文件夹，例如从src/css/file.css可以使用../img/img.pngShow示例。我们不会猜你为什么找不到路径right@charlietfl先生我应该如何在这里展示这个例子？当它是整个文件的时候？或者让我创建一张图片来演示情况……？@HassanZia您可以在css文件中使用

。/../images/img.jpg

。@HassanZia-请不要编辑您的问题来询问不同的问题，而要问新的问题。目前，答案与当前问题不符。其他开发人员可以找到您的问题，但没有得到他们正在寻找的答案，并且这些答案可能会因为编辑过的问题而被否决。您提到了基本url…但示例没有显示出来…当示例出错时，对任何人都没有多大帮助。这对css文件有什么帮助？谢谢你的帮助，先生！我应该在斜线前使用“点”…，还是它们只是表示其他东西？如果文件结构如下所示呢？关于.html src/css/styles.css img/bg.png现在如何通过styles.css访问bg.png？您只需要查看正在使用的文件系统。如果您需要进入一个目录，可以执行

src/css/styles.css

进入两个目录级别。如果需要返回目录，可以使用

。/../index.html

返回。对于注释中的代码示例，您的

src/css/styles.css

应该使用

背景图像：url（../../img/bg.png）

来引用该文件。