jquery - iframe 重叠 Jquery fancybox

Question

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

我尝试使用“wmode = transperant”。

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

Answer 1

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

$(文档).ready(函数() {

$("#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。

希望对其他人有所帮助。