Iframe прозрачный фон на Fancybox 2.1.4

Согласно заголовку, добавление ниже, чтобы удалить фон на Fancybox 2.1.4, отлично работает на Safari, FF & Chrome, но не IE. (Протестировано только на IE8)Iframe прозрачный фон на Fancybox 2.1.4

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)"); 
}

источник

2013-05-10 Jin

RGBA цвета не поддерживаются в IE8. Для решения, пожалуйста, прочитайте [непрозрачность фона CSS с rgba, не работающим в IE 8] (http://stackoverflow.com/q/3975688/1693859) –

С какой версией Internet Explorer возникают проблемы? Такие функции, как 'rgba' и' box-shadow', не поддерживаются в старых версиях. – Sampson

Rbga - удалить тень, а не цвет фона. – Jin

После копаться Src файлов FancyBox, проблема находится в 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>',

источник

2013-05-10 21:00:32 Jin

почему голос? – Jin

Iframe прозрачный фон на Fancybox 2.1.4

ответ

Смежные вопросы