jquery - Cycle2 显示前一个 div 的背景

Question

我对 Cycle2 有疑问。我有 3 个 div:

• 第一个 div 有一个背景图片
• 第二个 div 有一个 youtube 嵌入式视频
• 第三个 div 只有文本

无论哪张幻灯片处于事件状态，我都会不断地看到First Div 的背景。

所以，您可能不想看到代码:

<div id="slideshow">
    <div class="cycle-slideshow"
        data-cycle-fx="scrollHorz"
        data-cycle-timeout="0"
        data-cycle-next="#next"
        data-cycle-prev="#prev"
        data-cycle-pager=".pager"
        data-cycle-slides="> div"
        data-cycle-youtube="true"
        data-cycle-youtube-autostart="false"
        data-cycle-auto-height="false">
        <div class="">ALL CONTENT GOES IN DIVS HERE</div>
    </div>
</div>

一些截图:

我的小调查告诉我这是 Cycle2 创建的 Sentinel div，一个快速解决方法是添加 data-cycle-auto-height="false" 但显然我没有帮助我的情况。

有什么建议吗？

Answer 1

出于某种原因，Sentinel 幻灯片有时会弄乱其不透明度。我添加了以下样式，它似乎有所帮助。

我添加了以下样式:

.cycle-sentinel {
    opacity: 0 !important;
}

我还设置了嵌入式 youtube 的 url 以包含 &wmode=transparent