IE 悬停选择问题

我和一个朋友正在尝试解决 IE (7/8)。我们在这里构建了一个规范的示例：

http://www.mathgladiator.com/share/ie-select-bug-hover-css-menus.htm http://www.mathgladiator.com/share/ie-select-bug-hover-css-menus.htm

使用 CSS 菜单，我们希望在其中进行选择。但是，在 IE 中，当您与选择框交互时，菜单就会消失。我们认为这与选择如何影响事件的错误有关。

有解决方法吗？至少使用纯 CSS 或 DOM 黑客？

我认为没有一种纯粹的 CSS 方法可以解决这个问题。这是由于 IE 处理选择元素上的事件的方式存在一个非常常见的错误。

不过你可以用 Javascript 来解决这个问题：

<script type="text/javascript">
    $(document).ready(function () {
        $('.nav_element a').mouseover(function() {
            $('.submenu').hide();
            $(this).parent().find('.submenu').show();
        });

        $('.submenu').mouseover(function() {
            $(this).show();
        });

        $('.submenu').mouseout(function (e) {
            // Do not close if going over to a select element
            if (e.target.tagName.toLowerCase() == 'select') return;
            $(this).hide();
        });

    });    
</script>

上面的代码使用了 jQuery。