Internet Explorer7上的jQuery切换。位置和高度问题

Question

我做了一个简单的脚本来隐藏/显示隐藏的div。在Firefox、Safari和Chrome上，页面会自动调整高度。

然而，在Internet Explorer7上，div与底部的内容重叠，我目前使用Joomla作为CMS。我哪里错了？我尝试在最下面的内容中包含"position:relative“，但没有帮助。

$j(idName).css({"opacity": "0"});
$j(idName).slideToggle('fast', function() { 
    $j(idName).animate({opacity:"1"}, function() {
        if(jQuery.browser.msie) {
            this.style.removeAttribute('filter');
            $j("#main-body").css("height","auto");
        }
    }); 

});

访问http://educationtechnologysummit.com/sponsors-a-partners.html以获得更清晰的视图

Answer 1

我有点不清楚你的问题，但从外观上看，我认为你提出的问题是，当你在IE7中将鼠标放在菜单项上时，菜单div隐藏在其他元素后面。(通过jQuery slideToggle函数显示隐藏的菜单div )

看起来您已经为隐藏的div包含了一个z-index，但是您没有为它应该重叠的其他元素指定z-index。IE7可能错误地允许具有未定义的z索引的元素分层在菜单项上。

编辑:将以下内容添加到CSS：

#menu-spacer{z-index:489;}
#main-body{z-index:489;}

Answer 2

如果从IE7中的.wrapper类中删除position: relative样式(或者完全删除.wrapper类)，那么您的CSS在template.css中应该工作得很好。

Answer 3

从你的css中删除它。“位置:相对”