Safari 不显示图像，但 FireFox 可以答案

【问题标题】：Safari does not show images, but FireFox doesSafari 不显示图像，但 FireFox 可以
【发布时间】：2017-01-18 23:54:23
【问题描述】：

我正在开发一个网站：http://keramed.com

在我的 Mac 上的 FireFox 中，会显示主页上的图像。（Endoshield DSEK 移植物注射器）

现在在 Safari 中检查，图像不显示。

我已尝试将原始 .PSD 保存为 .jpg 或 .png 格式，但没关系。

我已经注释掉了所有样式表，但这仍然没有解决它。我的其余图像都显示出来了，只是不是第一件事。

我只是不明白我被难住了。

编辑：> Photoshop 说它是 RGB 8 位图像。

【问题讨论】：

很难确定问题的根源是什么，因为您的标记不符合 HTML 4.01 Strict，您的文档声称在其 DOCTYPE 中。尝试修复 W3C Validator 发现的问题：validator.w3.org

【解决方案1】：

您的图片也没有显示在 Chromium 中。但是，将图像元素上指定的图像宽度和高度作为百分比来解决问题。最好避免使用百分比作为图像的宽度/高度，因为它们可能无法像您预期的那样呈现。

【讨论】：

【解决方案2】：

肯定不是图片，safari 可以渲染，见：http://keramed.com/images/mainimage2.jpg

你有溢出：隐藏在某个地方，我怀疑就是这样。或者如果你使用 js 将图像的显示从 none 更改为显示，那可能会失败。

【讨论】：

【解决方案3】：

我遇到了同样的问题，我解决了以像素而不是百分比更改高度/宽度。

【讨论】：

【解决方案4】：

浏览器不显示图像的另一个原因 - 与图像关联的样式表中的“内容”参数。

例如，我前段时间遇到过同样的问题，因为在样式表中用于图像的类具有“内容”参数。

.image_class {
    ...
    content: ''
}

【讨论】：