iframe мигает "белым" при загрузке

Question

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

Похоже, что оно запускает загруженное событие до того, как скрипт jQuery будет готов. Я пытался

style="visibility:hidden;" onload="this.style.visibility = 'visible';"

но не работает. Любые другие идеи, чтобы избавиться от этого?

Answer 1

Если у вас есть контроль над рамкой страницы - установите цвет фона на этой странице прозрачным. Большинство браузеров по умолчанию белые

Answer 2

Попробуйте использовать:

style="display:none" onload="this.style.display = 'block';"

visibility:hidden на самом деле не «скрывает» элемент как таковой - он все равно занимает место, которое было бы, если бы оно было видимым. display:none фактически делает элемент полностью невидимым, как если бы он не существовал.

Answer 3

У меня была именно эта проблема, и я безуспешно попробовал все средства на этой странице. Он мигал на Chrome, а не на FireFox.

То, что работало для меня, менялось:

$("#iframe").prop('src', url);

до

$("#iframe").attr('href', url);

Answer 4

У меня были некоторые трудности с получением:

style="display:none" onload="this.style.display = 'block';"

для работы в моей ситуации на Chrome и Safari.

Если это не работает для вас, попробуйте:

style="opacity: 0;" onload="this.style.opacity = 1;"