为什么chrome不显示.gif ajax loader image但firefox显示

Question

在我的项目中有一个邮件发送方案，它需要花费太多时间来处理。所以我添加了一个ajax加载图像。代码如下：

$("#loadingmessage").hide();

$("#submit").click(function () {
    $("#loadingmessage").show();

 });

HTML代码是：

<div id="abc" >

    <div id="loadingmessage" style="z-index: 9999; width: 100px; margin-left: auto; margin-right: auto; margin-top: 28%;">
   <img src="~/Images/Bank/ajax-loader.gif"/>
</div>

此代码在使用Mozilla Firfox（版本：38.0.5）时效果很好，但在使用Google Chrome（版本49.0.2623.87 m）时效果不佳

使用chrome时，图片仅在流程结束前显示，但我需要在用户点击“发送”时显示图片。按钮。 我该如何解决这个问题？