我会尽力解释这个 - >
我正在使用Fancybox,一切都很棒。这就是问题所在。
我想删除白色背景以及iframe-pop的阴影,而不是叠加! 我试着玩css文件,这些文件并没有真正起作用......
如果您单击“#1”方块,您可以看到我的意思:http://testingpage.de/ (我故意破坏背景图像以查看白色bg。)
感谢您提供的所有帮助和建议!
更新
由于有用的提示,我可以摆脱图像的白色背景。它仍然不适用于iframe ...
答案 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
内容(body
,html
)的背景也应该是透明的