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)
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5 #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;}
jquery
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15 <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>
Merci
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5 $("#badgeEffet").hover(function(){ $(".logosurvol").fadeIn(); }, function() { $(".logosurvol").fadeOut(); });
Partager