FlexSlider - 动画后出现覆盖内容

Question

我有一个全角 FlexSlider，每张幻灯片中都有一张图片和一些 HTML 内容。

<li>
  <img src="http://placehold.it/350x150">
  <div class="box"></div>
</li>

但由于某种原因，HTML 内容只出现在幻灯片动画之后。

这是一个 JSFiddle：http://jsfiddle.net/39wPU/1/

我认为这可能与类“flex-viewport”的 div 上的溢出属性有关。如果禁用它，问题就会消失（但会出现另一个问题 - 即有非常大的水平溢出）。

每当您在任何包含元素上放置溢出：隐藏时，问题都会返回。

我在这里错过了什么？

更新：问题似乎只出现在 Chrome 中。 Safari 和 Firefox 都可以。

Answer 1

将以下内容添加到您的 .box 选择器中：

-webkit-backface-visibility: hidden;
        backface-visibility: hidden;