图像仅显示在Safari中 - HTML

Question

我对HTML和CSS比较陌生，所以运气好的话可以轻松解决我的问题。

我的网站有一些图片，1张是背景图片，2张只是坐在体内。在safari中，一切都完美无瑕，但在Chrome，Firefox和Opera中只显示了身体中的一个图像。

我尝试过搜索答案，我能找到的唯一建议是禁用广告拦截，导致无变化。

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

<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有一个样式表指定的背景图像。

Answer 1

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

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

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

选项3： 尝试从其中一个id代码中删除<img>。

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

Answer 2

发现了问题！

图像本身无法打开。在photoshop中打开它们然后保存为Web。不行。