Colorbox在闪光灯下显示

Question

我正在使用jQuery的colorbox在页面上打开iframe.在页面上有两个闪存SWF.当我单击打开颜色框的按钮时,那些闪光SWF显示在我的颜色框div的顶部.我已经检查了颜色框的CSS属性,并且覆盖有position:absolute和z-index:999.我给了SWFs一个z-index:0属性,但它们仍然显示在colorbox的顶部.这种情况发生在Firefox,IE和Chrome中.

Answer 1

对于那些使用Youtube或Vimeo的iframe嵌入代码的人,你必须采用不同的方法.我使用onOpen和onClosed上的事件来隐藏和显示iframe.这是一个例子:

$('.selector').colorbox({
    inline: true,
    href: '.step.'+target,
    rel: 'steps',
    onOpen: function(){
        $('iframe').css('visibility','hidden');
    },
    onClosed: function(){
    $('iframe').css('visibility','visible');
    },
    loop: false,
    opacity: 0.5
});

我想如果你想将它作为一个快速的解决方案应用于你的嵌入或对象标签,它也有效.

Answer 2

http://jacklmoore.com/colorbox/faq/#faq-flash