在页面加载时显示加载图像

我想在页面尚未加载时显示Loading图像。在加载页面之前，它向用户显示一个blank white page 。所以，我想删除白色空白区域。

该页面的数据库命中次数太多，因此加载速度会慢一些。

我查过这篇文章，但这不起作用。

我已经检查了添加<![CDATA[脚本的正面，如博客文章中所述。这不起作用。

最后，我已经登陆提问，尽管它是重复的。

这是我的剧本。

//

在身体里

     Loading

加载的CSS是：

 .loading { font-family: Arial; font-size: 10pt; padding:20px; position: fixed; background-color: #ffffff; z-index: 99999; border-radius:5px; }

我的代码出了什么问题？有人可以指出或提供有效的解决方案。

干杯!!!

KARTHIK

我得到了这个问题的解决方案。

问题不在于div元素的高度，也不在于Images / CSS问题。

问题是在窗口加载完成后立即执行的另一个script ，脚本包括DOM就绪和剩余的javascript函数。

我删除了在window.load之后执行的下一个脚本，并放在body标记结束之后。

     Loading 
 
  //The following second script is placed here so as to load after the body load is complete.

假设：我认为在$(window).load(function () {脚本完成之后，不应该有任何其他脚本进一步运行。

感谢所有评论的人。

如果我的假设是错误的，请提及阻止loading图像显示的真正问题。