该图像显示在除Safari和Chrome之外的所有浏览器中

Question

我曾尝试清除历史记录和缓存，但一张小img不会在Chrome或Safari中打开。 我也尝试过其他人的计算机。 我已经检查了两次代码。 没道理！

这是一个链接 。 这是底部的图像。

<div id="showcase_box">
<a class="fancybox" data-fancybox-group="gallery" title="Full-Page Magazine Ad" href="images/1819/ad.jpg">
<img src="images/1819/ad2.jpg" alt="Sea Salt Ad" />
</a>
</div>

这是图像本身的链接 ，仅用于显示它所在的位置。

有任何想法吗？ 告诉我是否应该提供有关该问题的更多数据。 谢谢！

编辑：对不起，这是相关的CSS：

这是与设计有关的CSS 。

我正在将FancyBox用于jQuery阴影框，因此这是该插件的CSS，与图像缩略图有关：

链接

Answer 1

您已display: none !important应用于元素

EDITED

这是镀铬的已知图像问题。 它与高度计算有关。 如果将以下CSS添加到样式表中，则应该对其进行修复

ul.thumbs img {height:50px;}

Answer 2

这是生成的HTML

<img src="images/1819/ad2.jpg" alt="Sea Salt Ad" style="display: none !important; visibility: hidden !important; opacity: 0 !important; background-position: 0px 0px;" width="0" height="0">

如果它不在您的HTML上，它应该来自您的javascript代码中的某个地方，我只是快速浏览了一下，找不到...