图像src设置但在我的页面上看不到

时间:2015-07-14 19:03:21

标签: css image

出于某种原因,如果您访问my blog,通过我主页底部的博客代码段,页脚和标题中没有显示图片,这与通过存档部分进行访问是相同的。我希望这是一个我忽略的简单问题。

我使用这种方法在我的html网站中集成了wordpress博客。 http://newjerseygraphicdesign.com/wordpress/how-to-integrate-a-wordpress-blog-into-an-existing-website-2011/2/

我现在坚持这个问题。奇怪的是,如果您通过导航栏访问博客页面,则所有图像都可见。

如果有人可以帮助我,我的测试网站位于http://indulgent.mrldesign.co.uk尚未完成,因此必须完成最终内容和样式。

提前干杯, 斯图

3 个答案:

答案 0 :(得分:0)

使用Chrome查看您的信息页。

转到出现错误的页面。右键单击图像/元素有问题。选择"检查元素"。

Chrome显示图片的路径不正确。

答案 1 :(得分:0)

你的标记中有这个:

<img src="http://placehold.it/295x295">

src中存在问题,因为295x295不是正确的文件名

<强>更新

正如你在评论中提到的问题是this page。在页面上,您有一个未在视觉上显示的图像的标记:

<img src="../img/logo.svg" class="logo center-block img-responsive">

如果你得到那个src链接,那就是:

http://indulgent.mrldesign.co.uk/blog/2015/07/14/img/logo.svg

意味着浏览器希望logo.svg位于此地址中,因为它不是,它无法显示!!!

正如您在此刻所注意到的,您应该从

更改src
src="../img/logo.svg"

以解决图像的其他正确值。

答案 2 :(得分:0)

管理以找到解决方案。真的很愚蠢。我应该以更通用的方式链接图像文件。 http://indulgent.mrldesign.co.uk/img/.. 很抱歉在简单的答案上浪费每个人的时间。