2013-11-14 29 views
18

我有一個普遍的問題(我不是所有人都熟悉html)。在html中選擇一個父目錄

下使用,我已經發現指向一個子目錄斜線的,在這種情況下圖片:

/Image/my_Image.png 

是否有一個HTML相當於用於指向父目錄?

回答

28

../會給你一個高一級的父目錄。當你想要去更高水平的父母喜歡0​​

../Image/my_Image.png 

將在父目錄映像文件夾

14

單點=當前目錄下,你可以使用盡可能多的,雙點是父目錄...

./ = 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文件等等。

4

它也可以與<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
資源\模板\
資源\圖像\