survolé un block avec ie [jquery]
Posté : 09 août 2008, 19:47
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
xhtml (si j'enlève le texte, je ne peux plus avoir d'effet)
Merci
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;} <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();
});