2017-06-19 59 views
-3

我应该在所有的页面上显示的图像....这是工作完全正常的,除了单个页面的所有页面。在检查它显示无法加载图像。图片被打破了单个页面上(无法加载图像)

<div class="wrapper"> 
<img src="images/uk.png"> 
</div> 
+3

欢迎的StackOverflow!为了帮助我们解决您的代码问题,您需要实际**显示**我们的代码。请更新您的问题,以便在[** minimal,complete,and verifiable example **](http://stackoverflow.com/help/mcve)中显示所有**相关代码**。有关详细信息,请参阅有关[**如何提出良好问题**](http://stackoverflow.com/help/how-to-ask)的帮助文章,并参加该网站的[**游览**](http://stackoverflow.com/tour):) –

回答

1

从你的代码的样子,我的猜测是,它似乎是一个相对路径问题。在你不能加载图像的页面成功可能是在不同的文件夹到你可以成功加载图像的网页。

<img src="images/uk.png">是一个相对链接。根据该链接的使用,uk.png必须在文件夹images的文件,并images必须在同一文件夹作为文件您要包括对图像的文件夹。

如果您images文件夹您要包含在图像文件的兄弟姐妹,你有三种选择:

  1. 使用../导航到正确的文件夹(<img src="../images/uk.png">
  2. 使用根目录相对/前缀(<img src="/images/uk.png">
  3. 使用绝对URL<img src="http://www.example.com/images/uk.png">

有关的相对路径的详细信息,请参阅CSS Trick's articleAdobe's article,或IfYouCodeItTheyWill's article

如果您已确保您的索引文件确实位于正确的位置,并且您的路径确实正确,那么您可能有一个缓存问题。尝试持有SHIFT,同时点击refresh图标,看看是否有效。如果没有,你可以调出你的控制台F12来进一步调试问题。

希望这会有所帮助! :)

+0

谢谢。使用根相对工作! – SAY

+0

很高兴听到这个解决方案似乎已经为你工作。一旦您确认此解决方案解决了您的问题,请不要忘记通过单击表决按钮下方的灰色检查标记解决方案为正确的 - 这会将其从“未答复的问题”队列中移除,并将声誉评为两个提问者和问题回答者。当然,在说,你没有义务标记我的答案(或任何其他答案)是正确的,但它确实有助于保持事情顺利进行:) –