在fancybox的透明背景

时间:2014-06-03 15:31:52

标签: jquery iframe fancybox

我正在寻找一个解决方案,如何使白色bg透明,但只在iframe弹出窗口。 我有这个链接女巫打开其他html文件与fancybox,它像新闻弹出窗口,我需要设置bg透明。 我已经尝试过设置#fancybox-outers opacity但事实是,因为我在同一页面上有一个画廊,所以fancybox显示透明,包括imgs。

任何解决方案?

忘了使用fancybox的1.3.4版提及即时通讯

1 个答案:

答案 0 :(得分:0)

您可以在beforeShow回调中设置一个条件,以验证内容type是否为iframe,然后将适当的CSS应用于.fancybox-skin选择器,如:< / p>

$(".fancybox").fancybox({
    beforeShow: function () {
        if (this.type == "iframe") {
            $(".fancybox-skin").css({
                backgroundColor: "transparent"
            });
        }
    }
});

...因此您可以对图库中的所有元素使用相同的脚本和相同的选择器。

参见 JSFIDDLE