jquery – 在ipad / iphone上的Fancybox覆盖问题

前端之家收集整理的这篇文章主要介绍了jquery – 在ipad / iphone上的Fancybox覆盖问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在ipad / iphone上,叠加层显示fancybox中的媒体顶部,也就是整个页面都填满了fancybox内容.任何想法如何解决这个问题?

此外,我有jwplayer工作在fancybox播放视频使用html5而不是Flash,但问题是叠加显示在视频的顶部,所以当我触摸播放按钮,fancybox消失…

看到我以前的问题,我在jwplayer in fancybox not playing on ipad/iphone在ios的fancybox中执行了jwplayer

编辑:

有趣的是,如果我注释掉这个css块,我可以在ipad上点击fancybox视频,而不会播放视频:

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 9999;
background: url('fancybox_overlay.png');
}

虽然fancybox然后在iPhone和iPad上工作正常,桌面设备的fancybox显示不太可取…

解决方法

可能由于z指数问题.尝试在CSS文件的最后添加这些行:
.fancybox-overlay{z-index:9999 !important}
.fancybox-wrap{z-index:99999 !important}

猜你在找的jQuery相关文章