Popup on：悬停与IE7一起使用？

Question

http://jsfiddle.net/9LuS2/

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

使用可以返回IE7的DIV进行悬停事件的最佳方法是什么。

我需要使用JS吗？

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

Answer 1

是的，旧IE不喜欢.test:hover .test_hidden（:hover内部元素的选择器）。

如果JS是一个选项，您可以使用YUI中的hover event：

​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);
});​​​​​​