ipad/iphone上的Fancybox重叠问题

Question

在ipad/iphone上,叠加层显示在fancybox中的媒体顶部,即整个页面都填充了包含fancybox内容的叠加层.我有什么想法可以解决这个问题？

此外,我有jwplayer在fancybox中使用html5播放视频,而不是Flash,但问题是视频顶部出现了叠加层,因此当我触摸播放按钮时,fancybox消失...

请参阅我之前关于我在fancybox中为jos实现jwplayer的问题,在jwplayer中的fancybox没有在ipad/iphone上播放

编辑:

有趣的是,如果我注释掉这块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上运行良好,但桌面设备的显示效果还不尽如人意......

Answer 1

这可能是由于z-index问题.尝试在CSS文件的最后添加这些行:

.fancybox-overlay{z-index:9999 !important}
.fancybox-wrap{z-index:99999 !important}

Answer 2

如果我将jquery.fancybox.css中的css更改为以下内容,那么在桌面和ios设备上一切正常:

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