图片显示为背景但不显示在img src中

Question

这是我的第一篇文章，请多多包涵。

我正在处理一个WordPress网站，并遇到了有关图像的问题。

我在样式表中有一个背景图片 background-image: "images/dummybg.jpg" ，它可以正常工作并显示出来。

但当我转到索引文件并尝试 <img src="images/dummybg.jpg"> 时，该图像无法显示。

由于.css和index.php都松散地放在我的文件夹中，因此它们的相对路径应该是相同的。那么我的问题是，为什么一个路径能起作用而另一个路径却不能？

- Zachary Almero

---

dummyby 和 dummybg，这里是打字错误还是在你的 HTML/CSS 文件中？ - pavel

你能在 jsFiddle 上重现这个问题吗？ - Kevin Boucher

在浏览器中打开控制台，查看是否出现任何缺失图像错误。 - zgood

因为你的CSS引用可能与HTML不同（例如，当CSS在子文件夹中时）。 - Mark

CSS文件不在子文件夹中，而是和主页（index）位于同一个文件夹下。因此它们的文件路径应该是相同的。 - Zachary Almero

Answer 1

WordPress有一个函数可以获取你的图像目录。因此，从你的索引页开始，它应该是：

<img src="<?php bloginfo('template_url'); ?>/images/dummybg.jpg">

- Mark

Answer 2

你在CSS中使用过图片吗？它会自动获取图片路径。

但是，如果你在任何其他文件中使用标签，你必须将整个图片路径放入src属性中。

你需要在以下WordPress函数中放置当前主题路径，然后你就可以获得了：

get_template_directory();

如果需要更多详细信息，请访问 WordPress函数。

我相信这对你有帮助。

- mithun raval