iframe white flash

Question

我在我的iFrame中有一個左側導航，有兩個項目在兩個頁面之間切換。有時會出現白色閃光，有時候沒有。

一些到目前爲止，我已經試過的方法：

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

沒做的伎倆。

jQuery('#jobs-frame').load(function(){ 
    $(this).show(); 
}); 

jQuery('#primary a').click(function(){ 
    //alert('hello'); 
    jQuery('#jobs-frame').hide(); 
}); 

也沒有伎倆。 我試過的其他方法似乎已經過時了。令我困惑的是，上述2種解決方案有很多意見/反饋意見，表示它們可行，但在Chrome中 - 迄今爲止我測試過的唯一瀏覽器 - 我仍然遇到這個問題。

Answer 1

如果您想要避免使用「白色閃光燈」，請不要使用HTML頁面鏈接進行導航，但可以將兩個頁面放入2 <div> s之間並在它們之間切換（這也允許製作漂亮的動畫）。

Answer 2

只是給style="background-color: #000000;"到HTML標記

Answer 3

我也有類似的問題，進行動態生成的I幀。在Chrome上，切換visibility刪除了白色閃光，但仍然閃爍。在Safari上，切換display實際上引入了一個相關的iframe重繪錯誤。

什麼結束了工作對我來說是切換opacity：

<iframe style="opacity: 0;" onload="this.style.opacity = 1;">`