【问题标题】: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

标签: html css image safari


【解决方案1】:

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

【讨论】:

    【解决方案2】:

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

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

    【讨论】:

      【解决方案3】:

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

      【讨论】:

        【解决方案4】:

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

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

        .image_class {
            ...
            content: ''
        }
        

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 2015-12-17
          • 2020-09-11
          • 1970-01-01
          • 1970-01-01
          • 2019-07-25
          • 2016-10-29
          • 1970-01-01
          • 1970-01-01
          相关资源
          最近更新 更多