在使用Firefox的css之前加载iframe内容

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

如果您在文档就绪后使用淡入淡出，则可以成为解决方案。 如果您有浏览器检测，则可以将类添加到body，如.ff for 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!" );
  }