Мое приложение имеет модальный диалог с iframe внутри него. Я написал код jQuery таким образом, что при открытии диалога он устанавливает соответствующий атрибут "src" iframe, чтобы содержимое загружалось. Однако во время задержки между открытием диалогового окна и загрузкой содержимого iframe появляется явно как белый ящик. Я бы предпочел, чтобы iframe имел прозрачный фон.
Я пробовал настройку allowtransparency = "yes" на iframe. Есть идеи? Спасибо!
Я использовал это создание 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.
<style type="text/css">
body {background:none transparent;
}
</style>
который может работать (если вы введете iframe) наряду с
<iframe src="stuff.htm" allowtransparency="true">
Почему бы просто не загружать рамку с экрана или скрывать, а затем отображать ее после завершения загрузки. Вы можете показать значок загрузки на своем месте, чтобы начать с немедленной обратной связи пользователя с его загрузкой.
Установите цвет фона 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 немного иначе, чем все остальные.