internet-explorer-7 - :hover 上的弹出窗口适用于 IE7？

Question

http://jsfiddle.net/9LuS2/

此代码似乎适用于现代浏览器 + IE8。但是在 IE7（打开 IE，按 F12 并执行 IE7 模式）中，小提琴根本不起作用，在我正在处理的实际页面中它不起作用，但是如果你点击它，它会出现，但是然后就不会走了。

使用 DIV 进行悬停事件的最佳方法是什么，这可以追溯到 IE7。

我需要使用JS吗？

如果是这样，有人可以建议纯 JS 或 YUI lib，因为我不能在这个项目中使用 jquery。

Answer 1

Yes, old IEs don't like .test:hover .test_hidden (selectors for inner elements of :hover).

If JS is an option, you can use the hover event in YUI:

​YUI().use('node', 'event-hover', function (Y) {
    var outer = Y.one('.test');
    var inner = Y.one('.test_inner');

    function showInnerDiv() {
        inner.removeClass('test_inner_hidden');
    }
    function hideInnerDiv() {
        inner.addClass('test_inner_hidden');
    }

    outer.on('hover', showInnerDiv, hideInnerDiv);
});​​​​​​