在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}