0

ウェブページ用の非常にシンプルな読み込みオーバーレイがあります。

<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 がフェードアウトすることはなく (オーバーレイ + 画像)、永久にハングアップします。マウスアイコンも「読み込み中」アイコンに引っかかっています。私のウェブサイトにはたくさんの画像とテキストしかなく、読み込みに 1 時間ほどかかることはありません (これは私が待っていた時間です)。コードに何か問題があるに違いありません。

Chrome は "$(window).load(function()" などをサポートしていませんか?? IE が実際に何かを正しく実行し、Chrome がサポートしていないのはこれが初めてです... O_o

4

1 に答える 1