iframe內容加載之前用css與Firefox

Question

我有一個iFrame的問題，我動態加載內容並用JavaScript編譯HTML。所有瀏覽器都可以正常工作，但使用Firefox時，我在HTML加載和CSS加載之間有一個小的延遲。 它首先顯示iFrame內容（原始HTML），幾秒鐘後顯示CSS。

它是Firefox的問題還是瀏覽器的特定操作？ 我想知道是否有解決方案來解決這個問題？

我已經在我的研究中發現這一點，我認爲這是幾乎同樣的問題： http://www.phpied.com/when-is-a-stylesheet-really-loaded/ 這：https://support.mozilla.org/fr/questions/970521

Answer 1

可能是一個解決方案，如果你的文件準備好後，用褪色。 如果你有一個瀏覽器檢測，你可以添加類到Firefox，如Firefox。

#main-content { display: none; } 


$(document).ready(function() { 
    $('#main-content').fadeIn(); 
}); 

或使用瀏覽器檢測的jQuery http://api.jquery.com/jquery.browser/

if ($.browser.webkit) { 
    alert("This is WebKit!"); 
    }