0

我正在使用cycle.js创建一个旋转横幅。该循环通过position:absolute在横幅链接上使用来工作。

问题是,包含的 div 现在的高度为零,因此下面的内容重叠并被隐藏。

如何让 divslideshow有高度?需要响应,所以不能是设定的高度。

<div id="feature">
   <div class="slideshow" style="position: relative;">
        <a href="/guarantees.aspx" style="position: absolute; top: 0px; left: 0px; 
              display: none; z-index: 2; opacity: 0; width: 682px; height: 258px;">
           <img alt="" src="/images/mobile/banner1.jpg">
        </a>
        <a href="/fencing.aspx" style="position: absolute; top: 0px; left: 0px; 
            display: block; z-index: 3; opacity: 1; width: 682px; height: 259px;">
           <img alt="" src="/images/mobile/banner2.jpg">
        </a>
   </div>
   <div id="pageNav">
        <a href="#" class="">&nbsp;</a>
        <a href="#" class="activeSlide">&nbsp;</a>
   </div>
</div>
4

1 回答 1

0

想您唯一的选择是将事件处理程序绑定到ready并通过检测您的宽度(或者如果您愿意,可以使用您当前的图像)来resize设置更改图像以设置新高度的功能)。height.slideshowwindowheight

由于无论如何您都在使用 Javascript 来处理您当前的图像尺寸,因此这不应该成为问题。

无论如何,也许您应该考虑使用另一个滑块插件(或编写您自己的函数),通过不使用position: absolute. Cycle 已经很老了,可能不是以响应式思维方式构建的(我知道同一个开发人员正在使用更现代的方法在Cycle 2上工作)。

于 2013-04-08T10:43:31.373 回答