2012-08-06 36 views
5

我有一个菜单,其中一个菜单项是select元素。只有在IE 8中,当我将鼠标悬停在选择options上时,菜单失去焦点并关闭。它在Firefox中正常工作。任何帮助,将不胜感激选择选项悬停时失去焦点

你可以参考this小提琴的代码。

注意:我愿意接受的解决方案使用jsjquery

编辑:我不想一个替代的选择。

+2

我在IE9中使用jQuery在它上下玩弄了它(没有8个可用)。这并不完美,但它的确有部分影响力。 http://jsfiddle.net/vUger/1/ – Stieffers 2012-08-06 16:05:59

+0

@Stieffers:现在菜单在选择失去焦点后保持打开状态。 – 2012-08-06 16:08:18

+0

我只想用Sable Fost的解决方案。在IE中使用jQuery管理解决方案似乎没有合理的方法。 – Stieffers 2012-08-06 16:15:43

回答

-1

删除SELECT选项。尝试将其替换为子列表:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html> 

    <body> 
    <ul> Numbers 
     <li>1</li> 
     <li>2</li> 
     <li>3</li>   
     <li> 
      Select --> 
      <ul> 
       <li> 
        One 
       </li> 
       <li> 
        Two 
       </li> 
       <li> 
        Three 
       </li> 
      </ul> 
     </li> 
    </ul> 
</body> 
</html> 

这适用于Chrome和IE。