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。