jQuery z-index不起作用

Question

我有一个菜单，在悬停时我将一个盒子淡入。在这个盒子后面我有一个小图标，我想在盒子前面移动它，这样你就可以在悬停时看到它。

这是我的菜单＆gt; Navigation

我用jQuery(this).find(".flyer").css("z-index", 10000);尝试了 但它留下了。 我怎么能解决这个问题？

迎接Max

Answer 1

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

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

Here's your example/fiddle edited to work，我们只是在悬停时调用它：

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

并将其悬停：

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

Answer 2

确保使用.flyer选择器引用正确的元素，并且z-index不能解决问题，请尝试使用zoom attribute。