牛腩新闻发布--页内图片不显示

出现问题

当我在敲击牛腩Web的时候,使用Web母版页建立categorymanager模块,同时引用了m_common母版页,引用之后我使用Ctrl+F5运行,发现图片加载不出来,如下所示:
图片加载不出
我就感觉很纳闷,为什么会这样,于是我再从新运行其他的有图片的页面,发现登录窗体页面的图片也加载不出来了,如下:
登录窗体页面图片加载不出来

解决思路

这是为什么呢?对于刚学HTML5和CSS3的我来说,这很让我懵逼啊!因为没有遇到过,怎么办?于是在网页中点击F12,看了半天,如下:
这里写图片描述
为什么呢?百度了一下然后没出什么结果,自己又回来弄呗!
这里写图片描述
右击图片链接,点击属性,看看里面能有什么解决方法没,然后看到了百度上所说了图片所在地址,但是看到这个地址对于没有这方面经历的人来说,有和没有是一回事,因为不会如何操作。所以接下来就是我个人花了一晚上的时间解决这种问题的方法,希望对大家有帮助。

解决方法

首先确定一下,如果你这个模版是引用了其他模版,那么去图片所在的模版找到图片所在的位置,比如我这个categorymanager模块首先引用了m_common母版页,m_common母版页又引用了manager_common样式表,同时还套用了另一个母版页common,于是就去manager_common样式表以及common母版页中去找图片,最后在common母版页中找到了图片的位置,看到图片是链接是这样的:
这里写图片描述
然后这里面出现的是相对路径,所谓相对路径是相对该页所在位置,列出到达目标的路径。所以此时,需要这里的地址改为绝对路径,即目标的详细地址。
此时我应当着这图片的地址改为图片的绝对路径,于是我将两张图片的地址都改为其绝对路径,如下:
这里写图片描述
这是,图片就成功加载出来了,如下:
这里写图片描述

总结

问题使我们前进的基石,我们需要不断的遇到问题,并且去解决消灭它,因为解决问题的方法要比问题多很多,而且像我这样的菜鸟还有很多,所以将这篇博客写下来,给予需要的人一些帮助。

end

谢谢细心的阅读!

猜你喜欢

转载自blog.csdn.net/luojun13class/article/details/80587828
今日推荐