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

我制作了一个简单的脚本，可以隐藏/显示隐藏的div。该页面在Firefox、Safari和Chrome上自动调整其高度

但是在InternetExplorer7上，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");
        }
    }); 

});

---

访问以获得更清晰的视图

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

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

编辑： 在CSS中添加以下内容：

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

---

如果从template.CSS中的.wrapper类中删除

position:relative

样式（或者，完全删除.wrapper类），则CSS在IE7中应该可以正常工作。

从CSS中删除此样式。“position:relative”

我忘了提及您关于包含“position:relative”属性的陈述-这只是沿着屏幕平面定位元素相对于父元素的x和y坐标，它不指定一个元素是出现在另一个元素的前面还是后面。我删除了position:relative，并按照您的建议添加了css。但他们似乎没有帮助。显然，底层的层看起来是静态的！我真的很感激你能抽出时间来帮我。。非常感谢！：）你能为我澄清一下这些元素的ID吗？或者更好，你能发布一个截图吗？我使用的是IE9，浏览器模式设置为IE7，所以我只想确保我们没有处理错误的元素