iframe重疊Jquery fancybox

Question

我使用jquery fancybox顯示圖像彈出窗口，在網頁中有一個VIMEO使用iframe嵌入的視頻。圖像在大多數瀏覽器中都能正確顯示，但是當我在iPhone 4和三星Galaxy S2上測試時，視頻覆蓋了彈出圖像。

我試過「wmode = transperant」。

我在谷歌搜索很多，但沒有正確的答案。請幫忙。

Answer 1

我嘗試過很多東西，但沒有解決方案。然後我用其他方法解決我的問題，即Jquery Fancybox「onStart」和「onClose」。這裏是我的解決方案...

$（文件）。就緒（函數（）{

$（ 「＃elementToBePopup」）。的fancybox（{

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

其中 「elementToBePopup」 是元素是彈出和「VIMEO視頻」是視頻被重複彈出的ID

希望它可以幫助別人