onMouseOver 下拉列表 当光标在页面文本框中的时候，下拉列表不能自动消失？ （刚才那个帖子出错打不开了！咋回事儿？？！）

我在ＩＥ７下，是有此问题。焦点还在text中。在text中加上Mouse离开后失去焦点才行

解决方案 »

  1.   

    那应该是CSS样式的问题
    你刚才那帖子重新生成一下帖子啊
      

  2.   

    没有IE7无法测试，
    FF2.0和IE6.0我测试都没有问题IE7下是一直都这么出错？
      

  3.   

    http://www.webjx.com/htmldata/2007-10-10/1192020833.html
    看看这个有帮助没
    没得测试
      

  4.   

    <!DOCTYPE html PUBliC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
    <title>CSS下拉菜单演示</title> 
    <style type="text/css"> 
    <!-- 
    *{margin:0;padding:0;} 
    body { 
    font-family: arial, 宋体, serif; 
    font-size:12px; 
    } 
    #nav { 
    line-height: 24px; list-style-type: none; background:#666; 
    } 
    #nav a { 
    display: block; width: 80px; text-align:center; 
    } 
    #nav a:link { 
    color:#666; text-decoration:none; 
    } 
    #nav a:visited { 
    color:#666;text-decoration:none; 
    } 
    #nav a:hover { 
    color:#FFF;text-decoration:none;font-weight:bold; 
    } 
    #nav li { 
    float: left; width: 80px; background:#CCC; 
    } 
    #nav li a:hover{ 
    background:#999; 
    } 
    #nav li ul { 
    line-height: 27px; list-style-type: none;text-align:left; 
    left: -999em; width: 180px; position: absolute; 
    } 
    #nav li ul li{ 
    float: left; width: 180px; 
    background: #F6F6F6; 
    } 
    #nav li ul a{ wedisplay: block; width: 156px;text-align:left;padding-left:24px; 
    } 
    #nav li ul a:link { 
    color:#666; text-decoration:none; 
    } 
    #nav li ul a:visited { 
    color:#666;text-decoration:none; 
    } 
    #nav li ul a:hover { 
    color:#F3F3F3;text-decoration:none;font-weight:normal; 
    background:#C00; 
    } 
    #nav li:hover ul { 
    left: auto; 
    } 
    #nav li.sfhover ul { 
    left: auto; 
    } 
    #nav li.sfhover1 ul { 
    left: -999em; 
    } 
    #content { 
    clear: left; 
    } 
    --> 
    </style> 
    <script type=text/javascript> 
    <!--//--><![CDATA[//><!-- 
    function menuFix() { 
    var sfEls = document.getElementById("nav").getElementsByTagName("li"); 
    for (var i=0; i<sfEls.length; i++) { 
    sfEls[i].onmouseover=function() { 
    this.className="sfhover"; 
    } 
    sfEls[i].onMouseDown=function() { 
    this.className="sfhover"; 
    } 
    sfEls[i].onMouseUp=function() { 
    this.className="sfhover"; 
    } 
    sfEls[i].onmouseout=function() { 
    this.className="sfhover1"; 
    } 
    } 
    } 
    window.onload=menuFix; 
    //--><!]]> 
    </script> 
    </head> 
    <body> 
    <table>
    <ul id="nav"> 
    <li><a href="#">产品介绍</a> 
    <ul> 
    <li><a href="#">产品一</a></li> 
    <li><a href="#">产品一</a></li> 
    <li><a href="#">产品一</a></li> 
    <li><a href="#">产品一</a></li> 
    <li><a href="#">产品一</a></li> 
    <li><a href="#">产品一</a></li> 
    </ul> 
    </li> 
    <li><a href="#">服务介绍</a> 
    <ul> 
    <li><a href="#">服务二</a></li> 
    <li><a href="#">服务二</a></li> 
    <li><a href="#">服务二</a></li> 
    <li><a href="#">服务二服务二</a></li> 
    <li><a href="#">服务二服务二服务二</a></li> 
    <li><a href="#">服务二</a></li> 
    </ul> 
    </li> 
    </ul> 
    </table>
    <br><br><br>
    <table>
    <tr>
    <td>
      <form name="form1" id="form1" method="post" action="">
        <input type="text" name="textfield" />
      </form>
      </td>
    </tr>
    </table>
    </body> 
    </html>试试吧
      

  5.   

    有没有高手解析一下这个
    难度是bug？
      

  6.   

    #nav li:hover ul { 
    left: auto; 
    } 去掉这个就好了
    估计是onmouseout之后还是hover 状态所以会这样