时间戳

首页 > 解决方案 > CSS 图像显示为损坏的文件

html - CSS 图像显示为损坏的文件

问题描述

我正在尝试向我的网页添加徽标。我正在使用 CSS 和 Eclipse。图像显示为损坏的图像，我不知道为什么。我尝试使用的图像位于指定的文件夹中：是否需要在 CSS 中添加，或者有人可以帮助我知道我错在哪里。谢谢你。

<body>
  <div class="jumbotron">
    <h2 style="text-align: center; color: white;"> New Plan </h2>
    <a href="#">
      <img src="resources/img/logo.png">
    </a>
  </div>
</body>

标签： htmlcsseclipseimage

解决方案

如果浏览器显示断开的链接图标，这不会是 CSS 问题。该图标表示文件的路径不正确或无法检索。

要确认这一点，resources/img/logo.png请将其添加到您的 HTML 所在 URL 的末尾，不包括任何文件。例如，如果你的 URL 是http://example.com/index.php，你想让 URL 读为http://example.com/resources/img/logo.png，没有index.php.

您需要调整此 URL，直到图像显示在浏览器中，因为您没有提供运行 HTML 的 URL。发生这种情况时，地址栏中的 URL 就是您可以用于图像 URL 的 URL。

推荐阅读