【问题标题】:Pictures not showing on web page [closed]图片未显示在网页上[关闭]
【发布时间】:2013-03-12 19:04:30
【问题描述】:

这是我的网站: http://www.leleu.co.uk/

当我从文件夹调用本地计算机上的页面时,该网站上的图像(例如 CONTACT 右侧的 4 个图标)正确显示,但在调用 http://www.leleu.co.uk 时它们不显示。

我首先想到的是绝对/相对的画面。在 IE 中,当我在这些图标上右键单击/属性并获得路径信息时,然后将该路径复制到新选项卡中,它们会正确显示。

以前从未遇到过这种情况。我想念的东西一定很明显。

你能帮忙吗?

谢谢

文森特

【问题讨论】:

  • 如果我不显示问题,我应该如何说明我的问题?第一次上stackoverflow,现在我的问题已经结束了,我仍然不知道发生了什么,只是在stackoverflow上浪费了一点时间,你们非常欢迎,这太不可思议了。
  • 请参阅the faqprevious referencethe description for why your question has been closed(也位于下方)。最明显的失败是:问题中没有代码。在您解决当前问题的那一刻(看起来您已经解决了)这个问题对未来的读者没有任何意义或价值,主要是因为“问题”无法重现甚至无法看到。

标签: html path image broken-image


【解决方案1】:

来自 HTML 4.0 规范:

相对 URL(在 [RFC1808] 中定义)不包含任何协议或 机信息。它的路径一般是指一个资源在 与当前文档相同的机器。相对 URL 可能包含 相对路径组件(“..”表示层次结构中的上一级 由路径定义),并且可能包含片段标识符。

如果您的图像文件夹与 html 文件位于同一级别:

<img width="32" height="32" alt="Facebook" src="/images/ico-social-facebook.png"></img>

如果您的图片文件夹位于上一层,您可以使用:

<img width="32" height="32" alt="Facebook" src="../images/ico-social-facebook.png"></img>

【讨论】:

  • 感谢 @valpolushkin 的解释,但图像在它们应该在的位置,并且 img 标签在源中是正确的
【解决方案2】:

我在尝试访问图像时收到 403 禁止错误。

另外,我相信正确的语法是:

<img src="/images/ico-social-facebook.png">

【讨论】:

  • 多么奇怪。我的 IE 或 Firefox 没有 403 Forbidden。我的 IMG 标签上的语法是正确的。当您收到 403 时,您能否更具体地说明您输入了哪个 URL 来访问图像?
猜你喜欢
  • 2022-01-21
  • 2021-01-30
  • 2018-04-10
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-10-07
  • 1970-01-01
  • 2015-12-16
相关资源
最近更新 更多