写入包含图像的路径的正确方法

时间:2015-03-13 09:53:10

标签: css

<img src="skins/monobook/ask_button.gif"/>之间是否存在差异 和<img src="/skins/monobook/ask_button.gif"/>

我的网站上没有显示图片。当我删除它所显示的/ in inspect元素时,但是如果我编辑该文件并删除/并重新加载页面,则认为它被视为/在那里。为什么?

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

3 个答案:

答案 0 :(得分:1)

该文件位于 extension / file.php 中,因此您需要返回一次并转到同级路径以访问皮肤目录,因此请尝试此操作..

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

答案 1 :(得分:1)

skins/monobook/ask_button.gif/skins/monobook/ask_button.gif之间的区别在于前者是相对文件路径(因此将在文件的同一级别查找文件夹),而后者是绝对文件路径(因此,将在Web根目录中查找目录,例如,通常是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:简洁地描述了CSS中的short article out there相对文件路径。

答案 2 :(得分:0)

你应该试试这个

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

而不是

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