Cycle2显示前一个div的背景

时间:2014-04-14 12:11:02

标签: jquery html css jquery-cycle2

我对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>

一些截图: First Div Second Div Inspect Code

我的小调查告诉我,这是Cycle2创建的Sentinel div,快速解决方法是添加 data-cycle-auto-height =&#34; false&#34; 但显然我我没有帮助。

有什么建议吗?

1 个答案:

答案 0 :(得分:0)

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

我添加了以下样式:

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

我还设置了嵌入式YouTube的网址,以包含&wmode=transparent