Question

根据标题，添加以下内容以删除Fancybox 2.1.4上的背景在Safari，FF＆amp; Chrome但不是IE。（仅在IE8上测试）

beforeShow: function(){
    //transparent background
    $(".fancybox-skin").css("background","transparent");

    //remove dropshadow
    $(".fancybox-skin").css("-webkit-box-shadow","0 0 0 rgba(0, 0, 0, 0)");
    $(".fancybox-skin").css("-moz-box-shadow","0 0 0 rgba(0, 0, 0, 0)");
    $(".fancybox-skin").css("box-shadow","0 0 0 rgba(0, 0, 0, 0)");
}

Answer 1

在挖掘Fancybox的src文件后，问题在于iframe“allowtransparency”属性。

在jquery.fancybox.js第140行中，将以下行替换为：

iframe   : '<iframe id="fancybox-frame{rnd}" name="fancybox-frame{rnd}" class="fancybox-iframe" frameborder="0" vspace="0" hspace="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen allowtransparency="true"></iframe>',

Fancybox 2.1.4上的iframe透明背景

1 个答案: