動的なデータの長いリストを含むページを含むIFrameをサイトに読み込んでいます。ブロードバンドの速度に応じてロードに数秒かかるため、セットアップのためにiframeする必要があります。表示ページにGIFを読み込んでいます - Iframe？
私は何かが起こっていることをユーザーに知らせるために、読み込み中のGIFを表示したいと思いますが、iframeページ内のコンテンツを囲む親ページコンテナまたはdivのいずれかに背景イメージとして表示されるように苦労しています。
body要素の背景としてイメージをiframe内に追加できます。その位置は一番上にあり、中央に配置されています。例えば。 background-position: center 30px
テーブルレンダリングが開始されると、画像が重複するため、JavaScriptを使用して画像を削除する必要はありません。
<head>
<script>
var foo = function(){
var a = document.getElementById('content');
var b = document.getElementById('loading_img');
a.style.top='';
a.style.left='';
a.style.position='';
b.style.display='none';
};
</script>
</head>
<body onload="foo();">
<img id="loading_img" style="display:block;margin:20px auto;" src="loading.gif" />
<div id="content" style="position:absolute;left:-8000px;top:-20000px;">
.. table .. and stuff
</div>
</body>
テストしますが、動作するはずです:)ない
あなたはGIF画像を使用しているどのようにあなたのコードを貼り付けてください。.. – Ved