画像の読み込み中にローダーgif画像を表示するスクリプトを作成しようとしていますが、スクリプトを含めた後、Firefoxのページに画像はありません。クロムで問題なく動作します。次のコードを含めました。
Javascript:
<script>
$(window).load(function() {
$('#loader').hide();
$('#best').fadeIn();
});
</script>
HTML:
<body>
<div id="loader"></div>
<div id="best">
<!-- Contents of the page here -->
</div>
</body>
CSS:
#loader {
background: url('img/19-0.gif');
height: 95px;
width: 95px;
position: relative;
top: 50%;
left: 50%;
margin-top: 15em;
margin-left: 13em;
}
#best {
display: none;
}
コードに問題はありますか、それとも別のアプローチを試す必要がありますか?