Page 1 sur 1

survolé un block avec ie [jquery]

Posté : 09 août 2008, 19:47
par x@v
Bonjour,
j'essaie de faire un effet au passage de la souris mais sous ie7 sa plante.
Je suis obligé de mettre du texte dans le div pour qu'il apparaisse ?
Sous ff sa fonctionne
css

Code : Tout sélectionner

#badgeEffet{ width:317px; height:180px; border:2px solid #ffffff; margin:0 0 0 630px; display:block; position:absolute; top:0px; cursor:hand; z-index:100;} .logosurvol{border:2px solid #fff; width:317px; height:180px; margin:100px 0 0 630px; display:block; position:absolute; top:0px; display:none; background-color: #b7bbe1;z-index:110;}
xhtml (si j'enlève le texte, je ne peux plus avoir d'effet)
	<div id="badgeEffet">
	<span>
	ssssssssssssssssssssssssssssssssssssssssssssssssss<br>
	ssssssssssssssssssssssssssssssssssssssssssssssssss<br>
	ssssssssssssssssssssssssssssssssssssssssssssssssss<br>
	ssssssssssssssssssssssssssssssssssssssssssssssssss<br>
	ssssssssssssssssssssssssssssssssssssssssssssssssss<br>
	ssssssssssssssssssssssssssssssssssssssssssssssssss<br>
	ssssssssssssssssssssssssssssssssssssssssssssssssss<br>
	</span>
	</div>
	<div class="logosurvol">
	<p>Boutik'n line vous offre 100 € pour chaque parrainage apporté et une gratuitée de un mois 
	sur votre abonnement (l'offre valable une seul fois par client...)</p>
	</div>
jquery

Code : Tout sélectionner

$("#badgeEffet").hover(function(){ $(".logosurvol").fadeIn(); }, function() { $(".logosurvol").fadeOut(); });
Merci

Posté : 11 août 2008, 20:15
par Aureusms
Quel texte la série de sssss ?

Posté : 12 août 2008, 10:46
par x@v
oui la série de ssss
j'ai trouvé une alternative en utilisant une autre image par dessus.

http://developpus.com/boutiknline/demo.php