iframe在加載時閃爍「白色」

Question

我在我的項目中使用了iframe，似乎只要它在不透明背景上加載內容 - 它在正確顯示之前閃爍「白色」大約1秒。

它似乎在jQuery腳本準備好之前觸發加載的事件。我試過

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

但是不起作用。任何其他想法擺脫這個？

Answer 1

嘗試使用：

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

visibility:hidden實際上並不「隱藏」的元素，例如 - 它仍佔用的空間它將如果它是可見的。 display:none實際上使元素完全不可見，就好像它不存在一樣。

Answer 2

如果您可以控制框架頁面 - 將該頁面上的背景顏色設置爲透明。大多數瀏覽器是白色的默認

Answer 3

我遇到了一些困難越來越：

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

在我在Chrome和Safari瀏覽器的工作情況。

如果這些不爲你工作，嘗試：

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

Answer 4

我正好有這個問題，並試圖此頁面上的所有補救措施沒有成功。它在Chrome上閃爍，而不是FireFox。

什麼工作對我來說發生了變化：

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

到

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