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

Question

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

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

看：

Answer 1

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

您可以通过确保只有“活动”具有以下内容来修复此 IE7 错误：liposition: relative

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

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

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

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

Answer 2

试试这样

$('li').click(function() {
    $(this).addClass('active').siblings().removeClass('active');
});

并使用活动 css 而不是使用 2 个元素。在这里预览：http: //jsfiddle.net/acrashik/pfaUZ/9/

Answer 3

在您的.pop班级中，只需将宽度设置为 100，即可解决问题：

.pop {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    height: 100px;
    width: 100px; /* <-- this one */
    background: #333;
    z-index: 9999;
}