在页面之间导航时防止闪烁的方法答案

【问题标题】：Methods for preventing flicker when navigating between pages在页面之间导航时防止闪烁的方法
【发布时间】：2012-05-25 14:44:50
【问题描述】：

我必须说最近 3 个小时的搜索让我筋疲力尽。我知道这个问题之前已经调查过，我尝试了几种解决方案都无济于事。

我有一个带有母版页的 asp.net 网站，其中包含用于在不同页面之间导航的顶部导航菜单。当我在这些页面之间导航时，我想防止闪烁。我只是说明一下，这种闪烁在 IE 和 Chrome 中会发生，而在 Firefox 中不会发生。

我尝试过的方法：

这些方法都不起作用，我真的不认为使用 iframe 对我的情况来说是一个好的解决方案。

还有其他解决方案吗？

【问题讨论】：

【解决方案1】：

问题似乎是我在 head 部分有很多 javascript 文件，所以当我将它移到底部时，就在结束 body 标记之前，闪烁大大减轻了。这个解决方案可以在this关于堆栈溢出的问题中找到。

【讨论】：

【解决方案2】：

这被称为 FOUC（无样式内容的闪烁），可能由 @import CSS 语句引起。在某些情况下，它是特定于浏览器的，现在并不经常发生：

有时只需确保先加载 CSS 即可解决此问题：

【讨论】：