仅在 Safari 中显示的图像 - HTML答案

【问题标题】：Images only displaying in Safari - HTML仅在 Safari 中显示的图像 - HTML
【发布时间】：2015-06-14 03:42:58
【问题描述】：

我对 HTML 和 CSS 比较陌生，所以运气好的话，我的问题很容易解决。

我的网站有几张图片，1 张作为背景图片，2 张只是放在正文中。在 safari 中，一切都完美地显示，但在 Chrome、Firefox 和 Opera 中，只有 1 幅图像在正文中显示。

我已经尝试寻找答案，我能找到的唯一建议是禁用广告屏蔽，这导致没有变化。

我也尝试禁用样式表，但问题仍然存在。

<div class="photocontainer" id="homepage"><h4 id="phototext">A Guide to Quality Web Development</h4></div>

        <div class="Body">
        <h2>We're here to <Span>help.</Span></h2>


        <img id="plan" src="./images/plan.jpg" alt="plan">
        <img id="flowchart" src="./images/flowchart.jpg" alt="flowchart"/>

以上代码包含 3 张图片。其中第二个是唯一有效的。

我应该提到 photocontainer div 有一个由样式表指定的背景图像。

【问题讨论】：

The above code contains the 3 images 你确定吗？我可能是盲人，但我只数了 2 个<img> 标签。第三个是 CSS 背景还是什么？

标签： html image browser safari

【解决方案1】：

选项 1：我建议您更改src 代码。

来自src="./images/plan.jpg" 致src="plan.jpg"

选项 2：将width 和height 代码添加到您的<img> 标签中。

选项 3：尝试从<img> 标记之一中删除id。

我希望其中一项能够奏效。尝试将它们混合在一起。就像删除 id 并添加 width 和 height 一样。

【讨论】：

【解决方案2】：

找到问题了！

图片本身无法打开。在 Photoshop 中打开它们，然后保存为网络。不行。

【讨论】：