gpt4 book ai didi

jquery - IE站点导航页面闪烁

转载 作者:行者123 更新时间:2023-11-28 10:26:50 25 4
gpt4 key购买 nike

所以我遇到了一个问题,我的页面在站点导航时闪烁。 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移到页面底部,但是头部的脚本必须保留,否则会导致所有浏览器出现其他问题。

最佳答案

尝试将较大的图像(1000 像素的蛋糕等)保存为“渐进式”jpeg,这样看起来加载速度更快。这可能足以消除加载期间的闪烁,而无需更改任何其他内容。

如果闪烁仍然没有消失,您可以在其后面添加背景色以减轻其影响。

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

如果所有其他方法都失败了,我想您会加入我们其他人的行列,在涉及 IE 时权衡我们的选择,让它尽可能地降级。

关于jquery - IE站点导航页面闪烁,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23707007/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com