今天在做学习挑战杯的项目的时候,侧边的Layout图片始终出不来,晚上看了好久才发现是最基础的根目录的问题,在vs里面操作之前是直接把图片拉出来,这样子图片就可以直接显示了,但是今天不行。很纳闷呀。
就是这样的显示不出来。
代码如下:
<a target="_blank" title="新浪微博" href="http://weibo.com/5369904897/"> <img style="width: 20%;max-width: 36px;" src="~/Content/Web/images/sina.png" alt="新浪微博" /> </a> <a target="_blank" title="腾讯微博" href="http://t.qq.com/huolongji?preview"> <img style="width: 20%;max-width: 36px;display: inline-block;" src="~/Content/Web/images/qq.png" alt="腾讯微博" /> </a> <a target="_blank" class="home-renren" title="人人网" href="http://www.renren.com/600991382"> <img style="width: 20%;max-width: 36px;display: inline-block;" src="~/Content/Web/images/rr.png" alt="人人网" /> </a> <a style="margin-right: 0;" target="_blank" class="home-linkin" title="LinkedIn" href="http://cn.linkedin.com/pub/bio-discover/38/4b6/a27"> <img style="width: 20%;max-width: 36px;display: inline-block;" src="~/Content/Web/images/in.png" alt="LinkedIn" /> </a>
这里是图片路径的问题,这样修改下就可以了
<a target="_blank" title="新浪微博" href="http://weibo.com/5369904897/"> <img style="width: 20%;max-width: 36px;" src="/Content/Web/images/sina.png" alt="新浪微博" /> </a>
这就是很明显的网站目录理解有问题。
1:可以看下面整个项目的目录结构。
红色:这个是网站的根目录
黑色:一级目录;
Fonts:二级目录;
我们一般的/就是向上面返回一层。这样就到了上一层的目录了。