jQuery z-index ne fonctionne pas

Question

J'ai un menu et sur hover je fade une boîte. Derrière cette boîte j'ai une petite icône et je veux le déplacer devant la boîte de sorte que vous pouvez le voir sur hover .

Voici mon menu> Navigation

Je l'ai essayé avec cette jQuery(this).find(".flyer").css("z-index", 10000); mais il reste derrière. Comment pourrais-je gérer ce problème?

Max salue

Answer 1

z-index ne fonctionne que sur des éléments positionnés, vous devez donc donner un .flyerposition, comme ceci:

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

Here's your example/fiddle edited to work, nous sommes en train d'appeler cela sur vol stationnaire:

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

et ce sur hover out:

Answer 2

Assurez-vous que vous référencez l'élément approprié avec le sélecteur .flyer et z-index ne fait pas l'affaire, essayez avec le zoom attribute.