如何在YouTube视频/ SlideShare PPT上显示jQuery对话框？

Question

我们使用jQuery模式对话框在用户删除一个项目之前从用户那里得到确认。只要屏幕上没有YouTube视频，模式对话框就可以正常工作。

如果有YouTube视频，对话框将显示在视频下方。我试着将对话框的z-index改为3999，但没用。 （我不知道很多关于CSS）

   $('#dialog').dialog({ 
        autoOpen: false, 
        modal: true, 
        width: 300, 
        zindex:3999, 
        buttons: { 
           'Ok': performDelete_dialog, 
           'Cancel': function(){$(this).dialog('close');} 
           } 
        }); 

能有人suggestme我们应该怎样做来放置jquery的对话框上的YouTube视频顶部？

Answer 1

see this U可以得到解决

Answer 2

将zindex替换为zIndex; jQuery在camelCase中使用这些属性。另外，请确保您为z-index指定的值为，比页面上的Flash影片的值更多。

要找出页面上Flash影片的z-index，您可以使用FireBug（一个FireFox插件），如果您正在学习CSS或进行大量Web开发，这也将非常有用。

Answer 3

它与Flash的问题 - 看http://www.ubercart.org/forum/support/2261/youtube_overlapping_thickbox

这看起来像一个闪光的问题。尝试 将 YouTube剪辑上的“wmode”参数更改为“透明”或 “不透明”。

Answer 4

jQuery的对话框演示

$('#element').dialog({zIndex: 3999});