Question

我正在尝试将徽标添加到我的网页。我正在使用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>

Answer 1

如果浏览器显示断开的链接图标，这不会是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。

CSS图片显示为损坏的文件

1 个答案: