Jquery 没有使用Fancybox显示背景

Jquery 没有使用Fancybox显示背景,jquery,fancybox,Jquery,Fancybox,嗨,我有这个网站在测试区 好的,在主页上我们有一个fancybox弹出窗口的最新项目。但是没有背景资料 但是如果你去 这是相同的脚本相同的css没有什么不同,但这个页面的作品很好。我的代码非常标准: $(".fancybox").fancybox({ openEffect : 'elastic', closeEffect : 'elastic', helpers : { title : {

嗨,我有这个网站在测试区

好的,在主页上我们有一个fancybox弹出窗口的最新项目。但是没有背景资料

但是如果你去

这是相同的脚本相同的css没有什么不同,但这个页面的作品很好。我的代码非常标准:

$(".fancybox").fancybox({
        openEffect  : 'elastic',
        closeEffect : 'elastic',
        helpers : {
            title : {
                type : 'inside'
        }
    }
});

这方面的任何帮助都将是巨大的帮助。

Fancybox通过在ID为
Fancybox overlay
的页面中添加一个
div
,然后相应地设置样式来实现覆盖。如果您查看地毯页面(使用Firebug/chrome开发工具等),就会添加
div
。如果查看主页,也会添加
div
。它们之间的差异在主页上,不透明度设置为0(即无)。在地毯页面上,将其设置为0.8。如果您使用Firebug更改不透明度,您的主页看起来应该是这样的

问题是什么改变了这个元素的不透明度?尝试在调用
fancybox

$(".fancybox").fancybox({
    helpers : {
        overlay : {
            css : {
                'background' : 'rgba(1, 1, 1, 0.8)',
            }
        }
    }
};

如果这对你的主页代码没有帮助的话,试着看看有没有什么可能会影响元素的不透明度并禁用它们。

我注意到,在你的主页中,fancybox包装的不透明度是0,而在这个页面中,不透明度是0.8。如果你想覆盖0的不透明度,那么你可以把它放在你的主css中来影响它所有页面都使用fancybox

#fancybox-overlay{ opacity:0.8 !important; }

谢谢你的建议,我刚刚通过做:不透明度:0.8覆盖了这个样式!重要的;