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