Question

我有一个html页面，该页面的顶部带有徽标：

在我将徽标大小调整为相同大小并将其保留在那之后，它没有出现：

徽标代码如下

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
  <div class="logo">
    <div class="relative-logo">
      <img src="assets/images/logo" alt="logo">
    </div>
  </div>

  <div class="container">
    <div class="navbar-header">
      <div class="responsive-logo visible-xs">
        <a href="index.html"><img src="assets/images/logo-mobile.png" alt=""></a>
      </div>

当我对移动徽标进行大小调整时，徽标以移动模式显示。谁能告诉我为什么我的徽标没有出现在桌面模式下？

Answer 1

您忘记了.png的{{1}}中的文件扩展名（.jpg，src等）。更改

<img>

到

<img src="assets/images/logo" alt="logo">

这是完整的代码：

<img src="assets/images/logo.png" alt="logo">

Answer 2

尝试在src顶部添加一个/：“ /” 这是绝对路径。

示例<img src="/image.png"/>-> http://www.something.com/image.png 示例2 <img src="/folder/image.png"/>-> http://www.something.com/folder/image.png

HTML中的徽标图像未出现

2 个答案: