嗨，我有这个网站在一个测试区。
http://newsite.carpetandvinylshowroom.co.uk/
好了，在主页上，我们有一个fancybox弹出的最新项目。但是没有背景显示
但如果您转到
http://newsite.carpetandvinylshowroom.co.uk/services/quality-carpets
这是相同的脚本，相同的css，没有任何不同，但这个页面工作得很好。我的代码非常标准：
$(".fancybox").fancybox({
openEffect : 'elastic',
closeEffect : 'elastic',
helpers : {
title : {
type : 'inside'
}
}
});这方面的任何帮助都将是一个很大的帮助。
回答 2
Stack Overflow用户
发布于 2012-10-15 11:52:10
Fancybox通过向ID为fancybox-overlay的页面添加一个div并相应地设置样式来进行覆盖。如果您查看您的地毯页面(使用Firebug/chrome dev工具等)，就会发现div正在添加。如果你在你的主页上看，div也被添加了。它们之间的区别是在你的主页上，不透明度设置为0(即没有)。在你的地毯页面上，它被设置为0.8。如果您使用Firebug更改不透明度，您的主页看起来应该是这样的。
问题是，是什么改变了这个元素的不透明度？尝试在调用fancybox时手动指定所需的不透明度
$(".fancybox").fancybox({
helpers : {
overlay : {
css : {
'background' : 'rgba(1, 1, 1, 0.8)',
}
}
}
};如果这无济于事，那就试着查看一下你的主页代码，看看有没有任何可能影响元素不透明度的东西，然后禁用它们。
Stack Overflow用户
发布于 2012-10-15 11:56:02
我注意到在你的主页中，fancybox包装器的不透明度是0，而在这个页面http://newsite.carpetandvinylshowroom.co.uk/services/quality-carpets中，不透明度是0.8，如果你想覆盖0的不透明度，那么你可以把它放在你的主css中，以影响所有使用fancybox的页面。
#fancybox-overlay{ opacity:0.8 !important; }https://stackoverflow.com/questions/12894631
复制相似问题
领取专属 10元无门槛券
AI混元助手 在线答疑
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
