在您移动到另一个标签并向后移动之前，图像不会显示

Question

一位朋友和我一直在网站上工作以获得一些练习。它名义上在我们的计算机上工作，直到我们将它发送给另一位朋友。当他们在Chrome中打开图片时，图片将不会显示，直到他们移动到另一个标签，然后重新访问他们打开的标签。它在我们的两台机器上都能正常运行，并且始终如一。我们已经在其他几台机器上试过了。他们都遭遇同样的问题。

知道我们如何解决这个问题吗？页面为here以供参考。

编辑：

我们遇到问题的精确图片是页面加载时没有出现beer1.png。

<div class="movingSquare">
 <img src="img/beer1.png" />
  <div id="bubbles">
...
  </div> <!-- #bubbles -->
</div> <!--.movingSquare -->

编辑2：

很多人都告诉我这很好但是在这里的几台电脑上仍然很糟糕。以下是您不应该首先看到的内容，然后是您应该看到的内容的比较。

不应该看到：

应该看到：

Answer 1

通过向.movi​​ngSquare div添加left: 1px样式来解决此问题。这导致啤酒按计划出现。不确定这是如何解决的，但确实如此。