使用 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

如果您在文档准备好后使用淡入淡出可能是一个解决方案。 如果您有浏览器检测，则可以将类添加到正文中，例如 .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!" );
  }