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!"); 
    }