Fancybox v2 - 删除白色背景?

时间:2013-11-25 17:47:14

标签: css fancybox transparency lightbox fancybox-2

我会尽力解释这个 - >

我正在使用Fancybox,一切都很棒。这就是问题所在。

我想删除白色背景以及iframe-pop的阴影,而不是叠加! 我试着玩css文件,这些文件并没有真正起作用......

如果您单击“#1”方块,您可以看到我的意思:http://testingpage.de/ (我故意破坏背景图像以查看白色bg。)

感谢您提供的所有帮助和建议!

更新

由于有用的提示,我可以摆脱图像的白色背景。它仍然不适用于iframe ...

1 个答案:

答案 0 :(得分:6)

无需编辑原始css文件...只需在自定义css文件中添加此文件并在加载fancybox css文件后

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 0 0;
       -moz-box-shadow: 0 0 0;
            box-shadow: 0 0 0;
}

然后你的脚本

$(".fancybox").fancybox({
    padding: 0 // remove white border
});

参见 JSFIDDLE

编辑

对于完全透明的背景,还要添加

.fancybox-skin {background: transparent}
自定义css文件中的

查看更新的 JSFIDDLE

注意:这会让fancybox变得透明但是iframe内容(bodyhtml)的背景也应该是透明的