Html 未在Chrome中显示的图像

我有一组小图片，在Firefox中运行良好，但在Google Chrome中却不行。html代码如下所示：

<li class="links">
<a href="tassa-di-soggiorno"><img src="<?php bloginfo('template_directory'); ?>/images/taxNero.jpg"></a>
<a href="eco-friendly-hotel"><img src="<?php bloginfo('template_directory'); ?>/images/eco.jpg"></a>
<a href="pet-friendly-hotel"><img src="<?php bloginfo('template_directory'); ?>/images/pet.jpg"></a>
<a href="3130"><img src="<?php bloginfo('template_directory'); ?>/images/diverability.jpg"></a>
</li>

以下是要查看的网页链接：

您应该可以在左侧导航菜单的右下方看到这些图像。

在CSS中添加：

#nav-bar li {
 height: 35px;
}

---

或者更适合您的设计。

对我来说，FF和Chrome中的图像都很好。您应该提交实际和预期外观的屏幕截图，因为我没有看到任何缺失的图像（但我也不知道它应该是什么样子）。各位，CHROME中确实存在这样的错误。@DaneSoul那么为什么我的CHROME没有这样的错误呢？虽然我应该注意到HTML输出中实际上也有一个错误。我不知道，可能是版本问题。Mine chrome是可移植的，可能不是最新版本。可能是时间问题-chrome在加载图像之前以0px的高度渲染元素。

#nav-bar li {
 height: 35px;
}