我有一个全宽度的FlexSlider,在每个幻灯片中都有一个图像和一些HTML内容.
但由于某种原因,HTML内容仅在幻灯片动画之后出现.
这是一个JSFiddle:http://jsfiddle.net/39wPU/1/
我认为它可能与div上的overflow属性"flex-viewport"有关.如果你禁用它,问题就会消失(但会出现另一个问题 - 即有一个非常大的水平溢出).
无论何时放置溢出,问题都会返回:隐藏在任何包含元素上.
我在这里错过了什么?
更新:似乎问题只发生在Chrome中.Safari和Firefox都很好.
将以下内容添加到您的.box
选择器:
-webkit-backface-visibility: hidden; backface-visibility: hidden;