jquery - css/jQuery 在多个 li ie7 上覆盖 div

Question

这是代码:http://jsfiddle.net/pfaUZ/5/

当我点击 li 时，pop div 显示完全覆盖两个 li(例如:li 宽度 100px，pop 宽度 200px；)但是如果你在 ie7 中测试它不起作用:

参见:

Answer 1

参见: http://jsfiddle.net/thirtydot/pfaUZ/11/

您可以修复 this IE7 bug通过确保只有“事件的”li 具有position: relative:

$('li').click(function() {
    $('.pop').hide();
    $(this).find('.pop').show();

    $('li').css('position', 'static');
    $(this).css('position', 'relative');
});

我也改成了.hide()和 .show() .这些方法等同于您使用的方法。

可能有一个纯粹的 CSS 修复，这会更可取，但我找不到。