44

我有一个一般性问题（我并不熟悉 html）。

我发现的斜线的以下使用指向一个子目录，在这种情况下是图像：

/Image/my_Image.png

是否有指向父目录的 html 等效项？

4

3 回答 3

68

../将为您提供更高一级的父目录。您可以尽可能多地使用更高级别的父母，例如../../

../Image/my_Image.png

将是父目录中的图像文件夹

于 2013-11-14T12:24:50.043 回答
29

单点=当前目录，双点是父目录...

./ = current
../ = parent

因此，假设您在名为“styles.css”的 CSS 文件中为图像设置了样式规则。

  • 样式表的位置是 C:\MyApp\CSS\styles.css。
  • 图片的位置是：C:\MyApp\Image\my_Image.png。

当 CSS 被读取时，它将是用于当前位置的那个 css 文件的位置。所以如果你想得到你的图像，你可以这样指出：

background: url("../Image/my_Image.png") no-repeat scroll 0 0 transparent;

如果图像的位置直接在 C:\ 上，则必须返回两个父目录：

background: url("../../my_Image.png") no-repeat scroll 0 0 transparent;

这个原则也适用于 JavaScript 文件等等。

于 2013-11-14T12:26:06.410 回答
12

它也可以与<base>标签完美配合；

例子

<head>
<base href="resources\">
</head>

然后从根索引：<a href="template\sample1.html">sample1</a>

<head>
<base href="..\resources\">
</head>

然后从模板：<img src="images\sample1.jpg">

使用如下目录结构：

index.html
资源\模板\
资源\图像\

于 2016-03-28T17:33:18.993 回答