jQuery z-index不起作用

Question

我有一个菜单，并在悬停我淡入一个箱子。在这个箱子后面我有一个小图标，我想要在箱子前面移动它，所以你可以看到它悬停。

这里是我的菜单> Navigation

我与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; 
} 

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。