У меня есть супер простой оверлей загрузки для моей веб-страницы:
<script type="text/javascript">
$(window).load(function(){
$("#loading").fadeOut();
})
</script>
...
...
<body>
<div id="loading">
<div id="loadingimage"><img src="../pictures/loading.gif"></div>
</div>
...
...
</body>
#loading {
height:100%;
width:100%;
position:fixed;
background-color: rgba(0,0,0,0.7);
filter:alpha(opacity = 80);
z-index:9999;
top:0;
bottom:0;
}
#loadingimage {
position:fixed;
height:100px;
width:100px;
top:50%; //center it
margin-top:-50px;
left:50%;
margin-left:-50px;
}
Это отлично работает в Firefox / IE, полупрозрачный черный оверлей и загружаемое изображение будут исчезать при загрузке веб-страницы, но в Chrome загрузочный div никогда не исчезает (оверлей + изображение), он просто висит там навсегда. Значок мыши также застревает в значке «загрузка». На моем веб-сайте просто куча изображений и текста, загрузка не занимает около часа (именно столько я ждал), так что с кодом должно быть что-то не так.
Chrome не поддерживает "$ (window) .load (function ()" или что-то в этом роде ?? Это первый раз, когда IE действительно что-то делает правильно, а Chrome нет ... O_o