Я использую iframe в своем проекте, и кажется, что всякий раз, когда он загружает контент на непрозрачном фоне, он мигает «белым» около 1 секунды, прежде чем правильно появиться.
Кажется, что он запускает загруженное событие до того, как скрипт jQuery будет готов. я пытался
style="visibility:hidden;" onload="this.style.visibility = 'visible';"
но не работает. Любые другие идеи, чтобы избавиться от этого?
Попробуйте использовать:
style="display:none" onload="this.style.display = 'block';"
visibility:hidden на самом деле не "скрывает" элемент как таковой - он по-прежнему занимает место, которое было бы, если бы он был видимым. display:none фактически делает элемент полностью невидимым, как будто его не существует.
visibility: hidden. :)
- person Lucas Jones; 03.03.2010
Если у вас есть контроль над страницей в рамке, установите прозрачный цвет фона на этой странице. Большинство браузеров по умолчанию имеют белый цвет.
У меня были некоторые трудности с получением:
style="display:none" onload="this.style.display = 'block';"
работать в моей ситуации на Chrome и Safari.
Если они не работают для вас, попробуйте:
style="opacity: 0;" onload="this.style.opacity = 1;"
У меня была именно эта проблема, и я безуспешно пробовал все средства на этой странице. Он мигал в Chrome, а не в FireFox.
То, что сработало для меня, изменилось:
$("#iframe").prop('src', url);
to
$("#iframe").attr('href', url);
