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

Popular posts from this blog

linux - xterm copying to CLIPBOARD using copy-selection causes automatic updating of CLIPBOARD upon mouse selection -

c++ - qgraphicsview horizontal scrolling always has a vertical delta -