时间戳

首页 > 解决方案 > 图片未在其他浏览器上显示

html - 图片未在其他浏览器上显示

问题描述

我正在使用 html 和 css 制作一个简单的网站，但我意识到我的徽标没有显示在其他浏览器或其他用户上。 在此处输入图像描述

这是html代码：

 <section id="header">
    <div class="header container">
      <div class="nav-bar">
        <div class="brand">
          <a href="#hero">
              <img src="/original-logo.jpg" width="180px" height="80px" alt="">
          </a>
        </div>

标签： htmlcssimage

解决方案

我认为图像路径定义错误，这就是图像无法访问以使其可见的原因。

例如：

如果图像位置在同一文件夹中，则应添加带有dot. 例如：src="./original-logo.jpg")

<img src="./original-logo.jpg" width="180px" height="80px" alt="">

访问的数量dot's因文件夹而异。

谢谢

推荐阅读