ajax - ajaxで新しいロード中に古いコンテンツを「白くする」方法は?

Question

shipping_estimate.php ファイルを現在のファイルにロードするときに表示する最初のアクティビティ ローダーを作成しました。私がやりたいことは、古いコンテンツを半透明の白い画像で覆い、その上にローダーを配置することです。

半透明の画像をアクティビティ ローダー div の背景として設定しようとしましたが、すべての組み合わせを試しましたが、画像は常に読み込まれた php の背後にあります。

アヤックス関数:

function load_shipping(str)
{   
var xmlhttp;
showLoader(); 
if (str.length==0)
  { 
  document.getElementById("txtHint").innerHTML="";
  return;
  }

$(function() {
        $('#busy1').activity();
    });
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("shpquote").innerHTML=xmlhttp.responseText;
    $(function() {
        $('#busy1').activity();     
    }); 
    }
  }

xmlhttp.open("GET","shipping_estimate.php?c="+str,true);
xmlhttp.send();
}

<?php echo "load_shipping($c);";
?>
</script>

これは、コンテンツとローダーが配置される場所です。class="trans_box1" は CSS で半透明の背景画像が設定されていることを意味します。

<table  align="right">
<tr>
<td>
<div id="busy1" class="trans_box1">
<div id="shpquote">
</div></div>
</td>
</tr>
</table>

私は、shipping_estimate.php の上に画像を取得したことは一度もありません。

これも試してみましたが、機能しません。ローダーはまったく表示されません。

<div id="shpquote" class="trans_box1;position:relative;width:300px;height:300px;" style="float:left">
<div  id="busy1" class="trans_box2" style="position:absolute;z-index:999; width:300px;height:300px;">