internet-explorer - Fancybox 2.1.4 上的 iframe 透明背景

Question

根据标题，添加以下内容以删除 Fancybox 2.1.4 上的背景在 Safari、FF 和 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>',