В моем приложении есть модальный диалог с 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 немного иначе, чем все остальные.
Почему бы просто не загрузить кадр за пределы экрана или скрыть, а затем отобразить его после завершения загрузки. Вы можете показать значок загрузки на его месте для начала, чтобы дать пользователю немедленную обратную связь о том, что он загружается.
