Прозрачный фон iframe

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

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

Ответ 1

Я использовал это создание 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.

Ответ 2

<style type="text/css">
body {background:none transparent;
}
</style>

который может работать (если вы введете iframe) наряду с

<iframe src="stuff.htm" allowtransparency="true">

Ответ 3

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

Ответ 4

Установите цвет фона 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 немного иначе, чем все остальные.