javascript - 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;
}