iframe重叠Jquery fancybox

Question

我正在使用Jquery fancybox显示图片弹出窗口，并在网页中使用VIMEO嵌入了iframe视频。图像在大多数浏览器中都能正确显示，但是当我在iPhone 4和三星Galaxy S2中测试时，视频会覆盖弹出图像。

我试过“wmode = transperant”。

我在谷歌搜索了很多但没有正确答案。请帮忙。

Answer 1

我尝试过很多东西，但没有解决方法。然后我用其他方法解决了我的问题，即Jquery Fancybox“onStart”和“onClose”。这是我的解决方案......

$（document）.ready（function（）{

$（ “＃elementToBePopup”）。的fancybox（{

        'autoDimensions':true,
        'scrolling': 'no',
        'onStart':
            function(){
                $("#vimeo-video").css('display', 'none');
            },
        'onClosed' : 
            function() {
                $("#vimeo-video").css('display', 'block');
            }
    }).trigger('click');
});

其中“elementToBePopup”是要弹出的元素，“vimeo-video”是与弹出窗口重叠的视频ID。

希望对别人有所帮助。