我和一个朋友一直在做一个网站来进行一些练习。在我们将它发送给另一个朋友之前，它名义上可以在我们的两台计算机上运行。当他们在 Chrome 中打开它时，图像不会出现，直到他们移动到另一个标签，然后重新访问他们打开的标签。它在我们两台机器上的 Chrome 上都可以正常工作，并且一直都可以。我们已经在其他几台机器上进行了尝试。他们都面临同样的问题。
知道我们如何解决这个问题吗？该页面在这里供参考。
编辑：
我们遇到问题的确切图像是 beer1.png 没有出现在页面加载中。
<div class="movingSquare">
<img src="img/beer1.png" />
<div id="bubbles">
...
</div> <!-- #bubbles -->
</div> <!--.movingSquare -->
编辑2：
很多人告诉我这很好，但在这里的几台电脑上渲染效果仍然很差。这是您不应该先看到的内容的比较，然后是您应该看到的内容。
不应该看到：
应该看到：
