遇到一个js兼容问题 Ie版本下显示不同

Question

一个鼠标移上去，弹出提示层的效果，现在IE8和火狐里都能正常显示，IE6里不行，谁能帮我看看怎么回事呢？
代码如下：
js：
 <script type="text/javascript" language="javascript" >
 <!--
  function display(){
document.getElementById("box").style.display="block"; 
  }
  function disappear(){
document.getElementById("box").style.display="none"; 
  }
 -->
  </script>aspx
<asp:Repeater ID="rprshoppic" runat="server">
<ItemTemplate>
                            <div id="fgr">
<div id="fgr_1">
<a href="<%#Eval("shopurl") %>" target="blank" onmouseover="display()" onmouseout="disappear()"><img src="../uploads/new_pic/<%#Eval("biz_shoppic") %>" border="1" width="110" height="45" /></a>
</div><div id="fgr_2"><a><%#Eval("sjjg") %>元</a></div>
<div id="fgr_3"><a href='<%#Eval("cpurl") %>' target="blank" onMouseOver="statusIn('点击查看详情');return true;" onMouseOut="statusOut();">详情 </a></div>
<div id="box" onmouseover="display()" onmouseout="disappear()"><%#Eval("biz_shopintro") %></div>
</div>

</ItemTemplate>
</asp:Repeater>css:
#rightr #fgr{float:left;width:250px;font-family:Tahoma,Helvetica,Arial,"宋体",sans-serif;font-size:12px;color:#700000;text-align:center;height:80px;clear:both;}
#rightr #fgr span{color:#454545;}
#rightr #fgr #fgr_1{float:left; width:110px; height:60px;border:solid #E0E0E0 1px;}
#rightr #fgr #fgr_1 img{ margin-top:10px;width:110px; height:42px;}
#rightr #fgr #fgr_2{float:left; width:70px; height:40px;border:solid #E0E0E0 1px;padding-top:20px;}
#rightr #fgr #fgr_2 a{color:#454545;}
#rightr #fgr #fgr_3{float:left; width:60px; height:40px;border:solid #E0E0E0 1px;padding-top:20px;}
#box{
    float:left;
    background-color:#FFF;
display: none;
width: 245px;
height: 120px;
border: 1px solid #700;
margin-right: 120px;
color:#666;font-family:Tahoma,Helvetica,Arial,"宋体",sans-serif;font-size:12px;text-indent:20px;
text-align: left;
line-height: 175%;
text-indent: 2em;
margin-bottom:5px;
padding-left:2px;
position:relative;
}

Answer 1

ie6下出问题是常事
你先描述下什么问题
然后把html发出来，你的aspx文件绑定那么多东西谁明白干嘛呢 对不
你运行下 然后把html源代码发出来

Answer 2

IE6应该是不支持其中某一个属性或方法，
单步调试，找出IE6不支持的属性（方法），
使用他们都兼容的属性（方法）。
兼容性问题处理起来就是很麻烦。

Answer 3

http://www.51xuediannao.com/JS/texiao/42.html这个页面的效果 我按上面发的代码修改 但是IE6里就不正常了，鼠标放上去不弹出层，只是抖动或者原整个div层都变成空白了

Answer 4

你在一个循环当中，中间的内容会产生多条。但你中间DIV的ID，却是一样的。这种情况怎么可能找准？
要给你中间DIV的ID加个计数变值。

Answer 5

display()和disappear()也不能写死BOX这一个ID。应该接收个参数。
这样下面这样，用它再取元素。
display(n){  alert('box'+n);}或者用DOM结构去取，但没这个意思明确。

Answer 6

算了 这个js放弃ie6了，等有时间再找个好的换掉好了