0

嗨，我在测试区有这个网站。

http://newsite.carpetandvinylshowroom.co.uk/

好的，所以在主页上，我们有最新的项目，它们弹出了一个花式框。但是没有背景显示

但如果你去

http://newsite.carpetandvinylshowroom.co.uk/services/quality-carpets

它是相同的脚本相同的 css，没有什么不同，但这个页面工作正常。我的代码非常标准：

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

对此的任何帮助将是一个很大的帮助。

4

2 回答 2

0

Fancybox 通过向div带有 ID 的页面添加 a 并相应地对其fancybox-overlay进行样式来进行覆盖。如果您查看您的地毯页面（使用 Firebug/chrome 开发工具等），div则正在添加。如果您查看您的主页，div也会添加 。它们之间的区别在于您的主页上，不透明度设置为 0（即什么都没有）。在您的地毯页面上，它设置为 0.8。如果您使用 Firebug 更改不透明度，您的主页看起来应该是正常的。

问题是什么改变了这个元素的不透明度？尝试在调用中手动指定所需的不透明度fancybox

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

如果这无济于事，请尝试查看您的主页代码，了解可能影响元素不透明度并禁用它们的任何内容。

于 2012-10-15T11:52:10.103 回答
0

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

#fancybox-overlay{ opacity:0.8 !important; }
于 2012-10-15T11:56:01.627 回答