时间戳

首页 > 解决方案 > 图片没有显示在导航栏中？网站还没上线，在编辑器里

javascript - 图片没有显示在导航栏中？网站还没上线，在编辑器里

问题描述

我怎样才能确保我的图像正常工作？图像未托管，网站尚未发布，这一切都只是在我的 PC 上本地。

<nav>
      <ul>
        <li class="logo"><img src="Logo.png"</li>
        <li class="items"><a href="#">Home</a></li>
        <li class="items"><a href="#">About</a></li>
        <li class="items"><a href="#">Active Chapter</a></li>
        <li class="items"><a href="#">Philanthropy</a></li>
        <li class="items"><a href="#">Events</a></li>
        <li class="items"><a href="#">Contact</a></li>
        <li class="items"><a href="#">Brothers Only</a></li>
        <li class="btn"><a href="#"><i class="fas fa-bars"></i></a></li>
      </ul>
    </nav>

标签： javascripthtmlcss

解决方案

在这一行

> <li class="logo"><img src="Logo.png"</li>

有一个错误 img 标签没有关闭 .. 它应该像第二件事一样关闭，在你的情况下，图像应该在你的文件所在的同一个文件夹中，并且名称应该是 100% 相同的“区分大小写” Logo.png 不等于到 logo.png ，请记住这一点。图像类型应该是相同的 "png" "jpg" 。在 html 的最后一行中，您使用的是 font-awesome 类

> <i class="fas fa-bars"></i>

要使用这个类，你必须添加 font-awesome cdn 才能使用它

推荐阅读