CarouFredSel过渡问题

Question

我正在使用CarouFredSel作为图像轮播，我对项目之间的转换存在问题。

我想在轮播中使用一些简单的HTML而不是普通的旧图像，但是当我这样做时，滑动过渡不起作用。当旧图像滑出时，新图像会闪烁而不是滑入，您可以在图像之间短暂地看到背景。

<div id="carousel">         
    <div>
        <img src="img/instagram1.png">
        <div style="position:relative; z-index:100; bottom:20px;">Byline 1</div>
    </div>
    <div>
        <img src="img/instagram2.png">
        <div style="position:relative; z-index:100; bottom:20px;">Byline 2</div>
    </div>
</div><!-- /carousel -->

从这个JSFiddle可以看出，过渡效果只适用于图像，但在使用HTML时会看起来很好。

Answer 1

事实证明，你需要做的就是在这些项目上应用左浮动：

#carousel div {
   display: block;
   float: left;
}