我观察到，Internet Explorer（7 或 8，没关系）很少会显示我们的网页（www.epsitec.ch）短时间内不应用CSS。布局看起来完全被破坏了，所有内容都从上到下按顺序显示。当页面加载完成后，所有内容终于正确显示。
我们的网页不使用任何花哨的脚本，仅在页面末尾包含两个用于 QuantCast 和 Google Analytics 的 javascript。顺便说一句，我们在添加 QuantCast 脚本之前就已经遇到了这个问题。 CSS 被链接到<head>部分：
<head>
<title>Crésus Comptabilité</title>
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://www.epsitec.ch/favicon.ico" />
<link href="../../style.css" rel="stylesheet" type="text/css" />
...
</head>
然后遵循静态 HTML 直到包含 JavaScript 的最终块：
...
<div id="account">
<a class="deselect" href="/account/login">Identifiez-vous</a>
<script type="text/javascript">
_qoptions={qacct:"..."};
</script>
<script type="text/javascript" src="http://edge.quantserve.com/quant.js">
</script>
<noscript>
<img src="..." style="display: none;" border="0" height="1" width="1"/>
</noscript>
</div>
<div id="contact">
<a href="/support/contact">Contactez-nous</a>
</div>
<div id="ending"><!-- --></div>
</div>
<script type="text/javascript">
...
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("...");
pageTracker._initData();
pageTracker._trackPageview();
</script>
</body>
由于这是一个非常短的视觉故障，我不知道是什么引发了它。更糟糕的是，我无法重现它，而且它只在极少数情况下出现。如何进一步调查故障原因？我应该注意哪些最佳实践？
这被称为FOUC，一个无样式内容的 Flash，并且在这里有详细的记录和解释：http://www.bluerobot.com/web/css/fouc.asp/
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
