internet explorer - Iframe transparent background on Fancybox 2.1.4 -
as per title, adding below remove background on fancybox 2.1.4 works fine on safari, ff & chrome not ies. (only tested on 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)"); }
after digging around fancybox's src files, problem @ iframe "allowtransparency" attribute.
in jquery.fancybox.js line 140, replace line below:
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>',
Comments
Post a Comment