Iframe прозрачный фон - PullRequest
Новая
       16

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

38 голосов
/ 05 августа 2009

Мое приложение имеет модальный диалог с iframe внутри него. Я написал свой код jQuery таким образом, чтобы при открытии диалогового окна он устанавливал соответствующий атрибут src в iframe, чтобы содержимое загружалось. Однако во время задержки между открытием диалогового окна и загрузкой контента iframe заметно выделяется в виде белого поля. Я бы предпочел, чтобы у iframe был прозрачный фон.

Я пытался установить allowtransparency = "yes" в iframe. Есть идеи? Спасибо!

Ответы [ 4 ]

48 голосов
/ 05 августа 2009

Я использовал это для создания IFrame через Javascript, и у меня это сработало: 

// IFrame points to the IFrame element, obviously
IFrame.src = 'about: blank';
IFrame.style.backgroundColor = "transparent";
IFrame.frameBorder = "0";
IFrame.allowTransparency="true";

Не уверен, имеет ли это какое-то значение, но я установил эти свойства перед добавлением IFrame в DOM. После добавления его в DOM я установил для его src реальный URL.

34 голосов
/ 03 июля 2011 
<style type="text/css">
body {background:none transparent;
}
</style>

это может сработать (если вы вставите iframe) вместе с 

<iframe src="stuff.htm" allowtransparency="true">
2 голосов
/ 01 ноября 2016

Установите цвет фона src на none и разрешите прозрачность. 

[WITHIN SCR PAGE STYLE]
<style type="text/css">
    body
    {
        background:none transparent;
    }
</style>

[IFRAME]
<iframe src="#" allowtransparency="true">Error, iFrame failed to load.</iframe>

ПРИМЕЧАНИЕ: я пишу свой CSS немного иначе, чем все остальные.

1 голос
/ 05 августа 2009

Почему бы просто не загрузить кадр с экрана или скрыть его, а затем отобразить его после завершения загрузки. Вы можете показать значок загрузки вместо этого, чтобы дать пользователю немедленную обратную связь о том, что он загружается.

...