jquery - jQuery 横幅和下拉菜单问题

Question

嗨，我对 jQuery 横幅和下拉菜单有疑问。下拉菜单位于 jQuery 横幅滑块的后面。在这里寻找样品

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

Answer 1

在 ie 中测试...您确实有问题，但可以通过shernshiou所说的z-index属性来解决。你应该把它放在一个css文件中：

#slider{
    z-index : -1;
}

更新
在ie <= 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。

一个元素下一级的全局 z-index 可以为 5000，但由于它嵌套在其父级之下一级，因此它总是被认为低于其父级兄弟姐妹。

Answer 3

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

也许你可以试试

z-index: -1

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