CarouFredSel过渡问题

Question

我正在使用CarouFredSel进行图像轮播，并且我在项目之间的转换方面遇到了问题。

我想在carousel中使用一些简单的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中看到的，过渡效果只适用于图像，但在使用超文本标记语言时看起来不太好。

Answer 1

事实证明，要解决这个问题，您需要做的就是在项目上应用一个左浮动，如下所示：

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