2015-03-13 72 views
0

<img src="skins/monobook/ask_button.gif"/><img src="/skins/monobook/ask_button.gif"/>之间有区别吗?正确的方式写入路径以包含图像

图片不显示在我的网站上。当我删除/检查元素它显示,但如果我编辑文件并删除/和重新加载页面它认为它认为/是否存在。为什么?

我在一个文件扩展名/ file.php中,图像位于文件/skins/monobook/ask_button.gif如何设置它为正确的路径?

+0

是否也在扩展文件夹中的皮肤文件夹?如果不是,则需要在皮肤文件夹之前添加../。 – Robin 2015-03-13 09:54:49

+0

'extension /'和'skins /'文件夹之间有什么关系? – Terry 2015-03-13 10:04:36

回答

1

文件在扩展/ file.php所以你需要再来一次,去兄弟路径到达皮肤目录,以便试试这个..

<img src="../skins/monobook/ask_button.gif"/> 
0

你应该试试这个

<img src="~/skins/monobook/ask_button.gif"/> 

而不是

<img src="../skins/monobook/ask_button.gif"/> 
1

skins/monobook/ask_button.gif/skins/monobook/ask_button.gif之间的区别在于前者是相对文件路径(因此会查找与文件同级别的文件夹),而后者是绝对文件路径(因此将查找网页上的目录例如,通常是Apache服务器的/www/)。

如果要使用相对文件路径遍历目录,则应使用../,这将向上移动一个目录(即父目录)。您可以将它组合起来,遍历所需的层次,例如../../将向上移动两个目录。


例如,如果你的目录树是这个样子:

www/ 
+---extension/ 
+---+---file.php 
+---skin/ 
+---+---monobook/ 
+---+---+---ask_button.gif 

那么你应该使用../skin/monobook/ask_button.gif,因为你将不得不从file.php导航一个级别,然后搜索skin/文件夹同一级别。


但是,如果你的目录树是这个样子:

www/ 
+---extension/ 
+---+---file.php 
+---+---skin/ 
+---+---+---monobook/ 
+---+---+---+---ask_button.gif 

然后skin/处于同一水平file.php,所以调用该文件中的图像,您将需要使用相对路径./skin/monobook/ask_button.gif或简单地skin/monobook/ask_button.gif


P/S:有一个short article out there简洁地描述在CSS相对文件路径。

0

比方说,您的网站的网址是http://localhost

您有一个名为根“工作”的文件夹,因此文件夹网址将成为http://localhost/work

和索引。该文件夹中的html文件是http://localhost/work/index.htmlindex.css文件也在该文件夹中。

如果index.html或index.css文件调用的image.jpg这是在“工作”文件夹以及,

网址便可以只 - image.jpg(相对于HTML或CSS文件,他们是在同一个文件夹)

或 - /work/imge.jpg(相对于网站的网址http://localhost, '/' 是指从根http://localhost

或启动 - http://localhost/work/image.jpg(image.jpg的绝对URL)

希望这有助于!

相关问题