图片标签的相对路径不起作用

苏雷什

我定位图像的相对路径

<img src="D:\Projects\Food_Blog\Food_Blog\images\facebook-logo.png" alt="facebook-icon" />

我的文件夹结构:

在此处输入图片说明

我确信这是我的 facebook-logo.png 所在位置的正确路径。我不知道为什么它没有显示在我的网页中。

巴尔

我建议您不要使用完整的相对路径,可能明天有人会更改目录的位置,然后什么都不起作用

做这个:

<img src="../Food_Blog/images/facebook-logo.png" alt="facebook-icon" />

这将带您到正确的位置,因为它将在层次结构上上升 2 个级别:

-Food_Blog
 -Food_Blog
  -images
    -logo.png 

更好的是你为此使用一个类:

.imgLogo {
   content:url("../Food_Blog/images/facebook-logo.png");
}

CSS 将完成您正确的相关路径并像这样使用它:

<img class="imgLogo" alt="facebook-icon" />

这将为您的图像提供最大的灵活性,并且更易于维护。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章