菜单下拉菜单在Internet Explorer上不起作用

Question

我有一个下拉菜单，在Mozilla和Chrome上运行得很好，但在I浏览器上就不行了。当下拉菜单向下滚动时，我把鼠标放在它上面，它就会隐藏起来。

<ul>
    <li class="t-item t-state-default" style="float:right;"><a class="t-link" href="#"><img alt="image" class="t-image" src="/Newsletter/Content/Images/icon_logout.png" /> </a></li>
    <li class="t-item myAccount t-state-default"><a class="t-link" href="#Nav-7">Contul meu<span class="t-icon t-arrow-down"></span></a>
        <ul class="t-group">
            <li class="t-item">
                <div class="t-content" id="Nav-7">
                    <table>
                        <tr>
                            <td> Salut </td>
                            <td><em>Username</em></td>
                        </tr>
                        <tr>
                            <td> Cont </td>
                            <td><select id="ddlConturi" name="ddlConturi">
                                    <option selected="selected" value="0">Toate</option>
                                    <option value="1">Cont 1</option>
                                    <option value="2">Cont 2</option>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2"><a href="mylink">Do stuff</a></td>
                        </tr>
                    </table>
                </div>
            </li>
        </ul>
    </li>
</ul>

我试着用jquery解决这个问题，但它不起作用。

$(".myAccount table *, .myAccount table *:focus,.myAccount table *:active").hover(function () {

            $(".myAccount ul.t-group").css("display", "block");
        }, function () {
            $(".myAccount ul.t-group").css("display", "block");
        });

Answer 1

在你的标签之间添加这个meta标签：

<meta http-equiv="X-UA-Compatible" content="IE=edge" >

它对我来说很好。它将强制关闭兼容性视图。公平的警告，这是一种黑客行为。

Answer 2

如果您可以绑定到mouseenter和mouseleave事件而不是hover，那会更好。因为当你把鼠标移到另一个元素上时，get的事件会冒泡起来，而下拉列表最终会隐藏起来。

Answer 3

IE不支持此CSS选择器>(大于字符)。你不能使用:将伪元素悬停在锚标签之外的任何东西上，否则IE不会读取它。

请参阅以下链接：

http://msdn.microsoft.com/en-us/library/jj676915%28v=vs.85%29.aspx

http://www.quirksmode.org/css/contents.html