加载GIF(预加载器)只会卡在Chrome上 - 另一个视角

时间:2012-10-22 20:45:01

标签: html css image gif preloader

我希望访问者在进入网站后立即看到加载GIF,直到网站完全加载并准备就绪。

HTML:

<img id = "firstLoadedImage" border="0" alt="title" src="Pictures/loading.gif" />

没有与此相关的CSS。

我通过我的javascript document.ready call加载了所有其他图像。这是在HTML或CSS中声明图像的唯一出现,因为我知道如果我这样做,所有图像都被加载在一起,但我只希望首先加载这个gif。

但问题仍然存在,仅在CHROME中,在我的gif图像实际加载并开始动画之前有一个非常明显的延迟。我已经对此进行了广泛的研究,并找到了最佳的匹配解决方案,但我尝试了一些方法,发现它与我的情况略有不同。 - Loading GIF (Preloader) gets stuck only on Chrome -

不同之处在于我在整个网页加载完成之前使用GIF。我已经尝试过使用base64的dataURI。它对我不起作用,正如@amiregelz OP在他的评论中所说的那样。所以唯一的其他解决方案是删除说明:

background-attachment: fixed;

但唯一的问题是我从未在任何地方使用过该代码。所以现在我想问题是,接下来应该尝试什么。

Guru的任何帮助都将受到高度赞赏。提前谢谢。

1 个答案:

答案 0 :(得分:1)

现在应该在较新版本的chrome中解决此问题。