滚动时Javascript幻灯片按钮重叠fancybox

Question

所以我在http://www.topholidayrecipes.com/crockpot-chicken-recipes.html上设置了javascript库，此页面使用了精美的框（位于名为“iframe”的食谱框中）。问题是每次在fancybox内部和外部使用滚动功能时... javascript幻灯片中的播放和暂停按钮与fancybox及其内容重叠。我将如何继续解决这个问题。谢谢你的帮忙。

Answer 1

查看您的z-index es：

• .dg-image-gallery-next-autoplay-containe是20000
• .fancybox-opened是1003

使fancybox的z-index大于播放按钮。

PS。您可以使用overflow:auto代替overflow:scroll来删除某些元素中的水平滚动条。