Javascript 使用Firefox在css之前加载Iframe内容

Javascript 使用Firefox在css之前加载Iframe内容,javascript,html,css,firefox,iframe,Javascript,Html,Css,Firefox,Iframe,iFrame有一个问题,我动态加载内容并用JavaScript编译HTML。所有浏览器都可以正常工作,但在Firefox中,HTML加载和CSS加载之间有一个小的延迟。 它首先显示iFrame内容(原始HTML),几秒钟后显示CSS 这是Firefox的问题,还是浏览器的特定操作? 我想知道是否有一些解决办法 我在研究中发现了这一点,我认为这几乎是同一个问题: 如果您在文档准备就绪后使用淡入淡出,这将是一个解决方案。 如果您有浏览器检测,您可以将类添加到body中,比如firefox的.ff #

iFrame有一个问题,我动态加载内容并用JavaScript编译HTML。所有浏览器都可以正常工作,但在Firefox中,HTML加载和CSS加载之间有一个小的延迟。 它首先显示iFrame内容(原始HTML),几秒钟后显示CSS

这是Firefox的问题,还是浏览器的特定操作? 我想知道是否有一些解决办法

我在研究中发现了这一点,我认为这几乎是同一个问题:
如果您在文档准备就绪后使用淡入淡出,这将是一个解决方案。 如果您有浏览器检测,您可以将类添加到body中,比如firefox的.ff

#main-content { display: none; }


$(document).ready(function() {
    $('#main-content').fadeIn();
});
或者使用浏览器检测jquery


但iFrame是按需加载和显示的,因此它不会真正解决我的问题,而只是将其隐藏。。。
 if ( $.browser.webkit ) {
    alert( "This is WebKit!" );
  }