js 遮罩层上弹出div 在火狐下可以 在IE下就只显示遮罩层 还有IE6的问题 代码如下

function hider(index,magazine_id_,title_)
 {
     if('${manufacturer}'==""&&'${individual}'==""&&'${clinique}'=="")
     {
          alert('您还没有登陆，请登录后再投票！');
          scroll(0,0);
          return;
     }  
    var myAlert = document.getElementById("aler"+index); 
    var mClose = document.getElementById("close"+index);
myAlert.style.display = "block";     
    mybg = document.createElement("div");   
mybg.setAttribute("id","mybg");   
mybg.style.background = "#000";   
mybg.style.width = "1418px";   
mybg.style.height = "1350px";   
mybg.style.position = "absolute";   
mybg.style.top = "0";   
mybg.style.left = "0";   
mybg.style.zIndex = "500";   
mybg.style.opacity = "0.3";   
mybg.style.filter = "Alpha(opacity=30)"; 
document.body.appendChild(mybg);   
document.body.style.overflow = ""; 
mClose.onclick = function()   
{   
myAlert.style.display = "none";   
mybg.style.display = "none";
}
 }
<%//遮罩层DIV%>
  <div id="aler${var.index+1}" class="POPDIV">
<h4>
<span style="float:left;display:inline;margin-top:1px;margin-left:2px;">投票理由</span>
<span id="close${var.index+1}" style="float:left;padding-left:300px;display:inline;margin-top:3px;margin-right:5px;cursor:pointer;">关闭</span>
</h4>
<table border="0" cellpadding="0" cellspacing="0" width="400" align="center" style="margin-top: 6px;">
<input type="hidden" id="title${var.index+1}" name="title" value="${pm.title}">
<input type="hidden" id="magazine_id${var.index+1}" name="magazine_id" value="${pm.id}">
<tr><td align="center" height="30">请填写投票理由：(至少5个汉字)</td></tr>
<tr>
<td align="center">
<textarea id="complain${var.index+1}" name="content" class="complain" onFocus="if (value =='请填写投票理由'){value =''}">请填写投票理由</textarea>
</td>
</tr>
<tr>
<td>
<div id="rebackDatas${var.index+1}" style="float:left;display:inline;margin-left:68px;width:265px;height:18px;line-height:18px;word-break:break-all;border:color:red;"></div>
</td>
</tr>
<tr align="center">
<td height="32">
<input type="button" value="提交" class="sub" onClick="submitREASON('${var.index+1}');"/>&nbsp;
<input type="button" value="重置" class="sub"  />
</td>
</tr>
</table>
</div>