J'ai deux images superposées

dans un div
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
<div id="OI"   >
			<img src="image1.png"  class="logou" id="goi"/>
			<img src="image2.png" class="logoo" id="foi"/>
	</div>
elles ne sont pas sur le même z-index celle en arrière plan est display block, l'autre none

L'effet recherché est sur le hover faire un fadein de celle qui est au dessus

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
	$('#OI').stop().mouseover( function(){ $('#foi').fadeIn('slow')})
	$('#OI').stop().mouseout ( function(){ $('#foi').fadeOut('slow')});
le souci est que quand celle de premier plan apparait il declenche la perte du hover de l'image d'arrière plan et du coup j'ai un effet fadein fade out a repetition