Question

您好我在测试区域有这个网站。

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'
        }
    }
});

对此的任何帮助都会有很大的帮助。

Answer 1

Fancybox通过向ID为div的网页添加fancybox-overlay来覆盖，然后相应地设置样式。如果您查看地毯页面（使用Firebug / chrome dev工具等），则会添加div。如果您在主页上查看，则还会添加div。它们之间的区别在于您的主页，不透明度设置为0（即没有）。在您的地毯页面上，它设置为0.8。如果使用Firebug更改不透明度，则主页看起来应该如此。

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

时手动指定所需的不透明度

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

如果这样做没有帮助，请尝试查看主页代码，查看可能影响元素不透明度并禁用它们的任何内容。

Answer 2

我注意到在您的主页中，fancybox包装器的不透明度为0，而在此页面中http://newsite.carpetandvinylshowroom.co.uk/services/quality-carpets如果要覆盖0不透明度，则不透明度为0.8，那么您可以将其放在主css中以影响所有你的网页使用fancybox。

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

没有出现使用Fancybox的背景

2 个答案: