jQuery z-index 不起作用

Question

我有一个菜单，悬停时我淡入一个框。在这个框后面我有一个小图标，我想将它移到框前面，以便您可以在悬停时看到它。

这是我的菜单> 导航

我用 jQuery(this).find(".flyer") 尝试过它.css("z-index", 10000); 但它仍然留在后面。 我该如何解决这个问题？

问候麦克斯

Answer 1

z-index 仅适用于定位元素，因此您需要为 .flyer 提供 position，如下所示：

.flyer{
    margin: -75px 0 0 0;
    width:53px;
    height:74px;
    position: relative;
}

这是您编辑后可以工作的示例/小提琴，我们只是在悬停时调用此：

$(this).find(".flyer").css("z-index", 10000);    

以及在悬停时调用此：

$(this).find(".flyer").css("z-index", "auto");

Answer 2

确保使用 .flyer 选择器引用正确的元素，并且 z-index 不起作用，请尝试使用 缩放属性。