Question

所以我遇到了一个问题，我的网页在网站导航时闪烁。 IE，当我点击标题中的链接时，页面在渲染之前会短暂闪烁为白色。这只发生在IE（目前使用的是版本11）中，而在Chrome和Firefox中它似乎可以缓存。

以下是该网站的链接：Kelsey's Kreations。

以下是我页面头部的代码：

<head>
  <title>Flavors - Kelsey's Kreations</title>

  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0">
  <!--[if IE]><script>document.createElement('main');</script><![endif]-->

  <script src="http://use.typekit.net/dxe8zqc.js"></script>
  <script>try{Typekit.load();}catch(e){}</script>

  <link rel="stylesheet" href="../css/style.css">
  <link rel="stylesheet" href="../css/fa.css">

</head>

以下是我页面底部的代码：

  ...
  <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
  <script src="../js/header.js"></script>
</body>

我尝试过“Page-Enter”黑客攻击，但从IE9开始，它们似乎已被弃用。

我尝试将js移动到页面底部，但是头部中的脚本必须保留，否则会导致所有浏览器出现其他问题。

Answer 1

尝试将较大的图像（1000px蛋糕球等）保存为“渐进式”jpeg，这样可以更快地加载外观。这可能足以在加载时消除闪烁而无需更改任何其他内容。

如果闪烁仍然不会消失，你可以在背后加上背景颜色以减轻其影响。

另请看这里： http://css-tricks.com/snippets/html/stop-ie-page-load-flicker/

如果所有其他方法都失败了，我猜你会和我们其他人一起加入我们的选项，当涉及到IE时，让它尽可能地降级。

IE站点导航页面闪烁

1 个答案: