除Safari和Chrome外，每个浏览器中都会显示图像

Question

我已尝试清除历史记录和缓存，但在Chrome或Safari中无法打开一个小img。我也试过别人的电脑。我已经检查了两次代码。没有意义！

Here's a Link。这是底部的图像。

<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>

这是图像本身的link，只是为了显示它在那里。

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

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

这是design-related CSS。

我正在使用FancyBox作为jQuery shadowbox，所以这里是该插件的CSS，与图片缩略图相关：

Link

Answer 1

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

<强> EDITED

这是chrome的已知图像问题。它与高度计算有关。如果您将以下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代码中的某处，我只是快速查看并找不到...