在最近的一个元素中，我遇到了一个问题，即 Cycle2 幻灯片中的图像将重叠在其正下方的 div 上。它是随机发生的(有 7 个页面使用这个幻灯片，它发生，哦，每 8 次或第 9 次——我一直没能发现模式。
当它发生时，调出网络检查器将强制重绘并且图像将弹出到位。我在 Safari、Firefox 和 Chrome 以及 Mac 和 Windows 上都看到过这种情况。
故障的屏幕截图在 Droplr 上，实时版本是 here .所有七个页面(在 Seraform 和 Previous Work 菜单下找到)都会发生这种情况，可能需要在所有页面上点击几次才能看到问题。
页面应该是这样的:
我已经尝试了所有我能想到的调试技巧，但我完全不知所措。
最佳答案
当我进一步调查这个问题时，我发现问题与保存幻灯片的 div 相关，该 div 始终以 0 像素的区域开始。大多数情况下，该 div 会自动调整大小(将另一个 div 向下推)，但在极少数情况下，该 block 会保持 0 像素，从而导致图像重叠。
为了解决这个问题，我加入了一个在 Coderwall 上找到的重绘函数。作为一些 JS 的一部分，好吧，在文档准备好时重新绘制幻灯片区域。
关于jquery - Cycle2 幻灯片故障，其中图像将与下方的 DIV 随机重叠，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22571362/