什么 css 或 html 导致 safari 浏览器不显示图像？答案

【问题标题】：what css or html causes the safari browser to not show an image?什么 css 或 html 导致 safari 浏览器不显示图像？
【发布时间】：2011-02-23 01:08:37
【问题描述】：

应该在文本“GIANT MANGO”下方的中心有一张图片。它在 Firefox、Chrome 和 IE 中显示，但在 Safari 浏览器中不显示。

http://giantmango.com/vote-for-artist-charity-contest-44-2581

如何解决这个问题？

【问题讨论】：

对我来说很好。在 Chrome 和 Safari 中，但我在 Mac 上，没关系。

标签： html css image

【解决方案1】：

它最初也不会在 Linux 上的 Chrome 9 中显示。如果您深入了解开发人员工具，则该图像的计算样式显示其高度和宽度在两个方向上均为 1 像素。如果我从div.post-body p img, div.post-body p object 规则中删除max-height: 100%，图像就会出现。

虽然我无法解释这一点（我没有时间深入研究它），但我希望这能让您走上调试它的正确轨道。

【讨论】：

我不敢相信 Safari 有这个问题。
你似乎很快就学会了。想试一试吗？由于某种原因，我的图像被设置为 200px x 200px。设置它的是什么？ stackoverflow.com/questions/5068274/…

【解决方案2】：

在single-wrapper div 上，是否有一个 1000px 的padding-top 以某种方式进入，这会将包含的 div 向下推？（图片出现在我的 safari 中，就在页面下方）。

【讨论】：

我刚刚确认它在您的style.css 中。 Safari 遵循这一点，并在显示其内容（包括图像）之前将 div 填充 1000px 高。