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

Question

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

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

<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应用到元素

已编辑

这是 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 代码中的某个地方，我只是快速浏览了一下，但找不到...