私は多くの画像を使用するプロジェクトに取り組んでおり、画像の多くは PNG 形式であり、ダウンロードに時間がかかります。一般的なgifファイルである基本的な画像背景画像タグを使いたいです。
.ArticleImgHP
{
display: block;
background-image: url('../images/loading-circle.gif');
background-position: center center;
background-repeat:no-repeat;
}
ASP.NET HTML (例: これはリピーター コントロールの一部です。
<asp:Image ID="imgTopFourImg2" runat="server" width="170px" height="112px" CssClass="ArticleImgHP" border="0" ImageUrl='<%# getImagePath(Eval("ArticleThumNailImage")) %>'/>
これは、Firefox で Image Container が表示されることを除いて、すべてのブラウザーで非常に有効です。
FireFox およびその他のブラウザでの結果は、下の画像に示されています。
結果は FireFox
IE、Chrome Safari での結果
私にとっては正常に機能していますが、FFに表示される画像アイコンを非表示にする方法がわかりません。他のブラウザではうまく表示されます。
ダウンロード中の画像に進行状況バーを追加する最良の方法は何ですか、またはこれを修正するにはどうすればよいですか