在最近的一个项目中,我遇到了一个问题,即Cycle2幻灯片中的图像将在其下方的div上重叠。它是随机发生的(使用这个幻灯片显示有七页,它发生了,哦,每隔8或9次 - 我无法发现模式。
当它发生时,启动Web检查器将强制重绘并且图像将弹出到位。我在Safari,Firefox和Chrome以及Mac和Windows上都看到了这一点。
故障的屏幕截图位于Droplr上,实时版本为here。所有七个页面(在Seraform和Previous Work菜单下找到)都会发生这种情况,所有页面可能需要多次点击才能看到问题。
这就是页面的外观:
我已经尝试了我能想到的每一个调试技巧,并且完全失去了。
答案 0 :(得分:0)
当我进一步研究这个问题时,我发现问题与div有关,持有幻灯片总是以0像素的区域开始。大多数情况下,div会自动调整大小(推动另一个div),但在极少数情况下,块会保持0像素,并且图像会重叠。
为了解决这个问题,我在Coderwall上找到了一个重绘函数作为某些JS的一部分,好吧,重新绘制文档就绪的幻灯片区域。