jQuery横幅和下拉菜单问题

Question

您好我的jQuery横幅和下拉菜单有问题。下拉菜单位于jQuery标题滑块后面。寻找样本here

我尝试了z-index和position：absolute但我无法修复它。

Answer 1

测试即...你确实遇到了问题，但可以用z-index属性来解决，shernshiou表示。你应该把它放在一个css文件中：

#slider{
    z-index : -1;
}

<强>更新
在ie＆lt; = 8中，您还必须为子菜单设置z-index（尽管默认情况下它应该为0），因此，要么为每个子菜单添加一个类，该子菜单将z-index属性设置为高于滑块的z-index，或者您可以使用jquery动态执行：

var newZIndex = ($('#slider').css('z-index') || 0) + 10;
$('div[id^=menu_child]').css('z-index',newZIndex);

Answer 2

由于我只能在IE中验证，Chrome和Firefox正好显示它，我们应该假设它是着名的IE Z-Index错误。

这可以通过给予父级，即与横幅标题处于同一级别（意思是：具有相同父级）的z-index比横幅更高来修复。

在您的情况下，导航嵌套的<tr></tr>

原因是Internet Explorer认为每个元素嵌套都是一个新的堆叠上下文，这被认为比全局z-index更重要。 这导致同一嵌套级别上的元素具有a）全局z-index和b）相对z-index。

下面一个级别的元素可以具有5000的全局z-index，但由于它嵌套在它的父级之下一级，所以它总是被认为低于他父母的兄弟姐妹。

Answer 3

我在谷歌浏览器上查看它没有问题。

也许你可以试试

z-index: -1

对于那些你想要放在后台的人。