iframe 重叠 Jquery fancybox

【问题标题】：iframe overlapping Jquery fancyboxiframe 重叠 Jquery fancybox
【发布时间】：2012-07-12 01:58:47
【问题描述】：

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

我尝试使用“wmode=transperant”。

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

【问题讨论】：

也许这会有所帮助：LINK

标签： jquery iframe mobile fancybox

【解决方案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。

希望对其他人有所帮助。

【讨论】：