iframe 重叠 Jquery fancybox

Posted 2023-05-09

【中文标题】iframe 重叠 Jquery fancybox

【英文标题】：iframe overlapping Jquery fancybox

【发布时间】：2012-07-12 01:58:47

【问题描述】：

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

我尝试使用“wmode=transperant”。

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

【问题讨论】：

也许这会有所帮助：LINK

【参考方案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。

希望对其他人有所帮助。