Html 我能'；不能将.png文件视为图像，但它可以作为背景图像使用

我正在制作一个登录页，我想在那里放置一些png图像链接，但它们不显示。当我将png设置为背景图像时，我在页面上看到了它，但是从图像路径的开头删除了“/”。 因此，改变这一点：

<img src="/src/images/facebook.png" alt="ikona facebooka">

为此：

<img src="src/images/facebook.png" alt="ikona facebooka">

---

您的styles.css文件与模板文件位于不同的位置，因此路径应该不同

从样式表位置

web/css/style.css->../../src/images/filename.png

从模板位置

src/templates/index.html->../../web/images/filename.png

以下是解决文件路径故障的方法：

• 打开dev tools=>network选项卡（在本例中选择

  images

  ）
• 查找有问题的文件
• 如果它是404，你的路径可能是坏的
• 尝试在新的浏览器选项卡中加载图像，并使用您认为应该的完整URL路径。（确保服务正常）
• 然后对照代码中的URL检查完整/服务文件URL

这是WordPress网站吗？如果是这样，请确保使用

<?php bloginfo('template_directory'); ?>/path/filename.jpg

/path/filename.jpg

src文件夹不应该是直接可见的，而是在构建系统中转换的（您已经把“gulp”放进去了）。尝试删除“/src/”部分或使用“/images/…”不幸的是，我已经尝试过了，png仍然没有显示。我尝试了很多关于路径的方法，但没有任何帮助：/