Opacity et IE

Bonjour à tous!

Je viens faire appel à vos connaissance pour résoudre un problème sur lequel je trime depuis un bon moment.

Je vous explique. Je cherche à faire apparaitre une lueur sur une image lors du mouseover donc:

Code:

---

1 2 3 4

$(mon_image).mouseover(function(){ $(ma_lueur).animate({opacity:"1"},600); });

---

ou encore :

Code:

---

1 2 3 4

$(mon_image).mouseover(function(){ $(ma_lueur).fadeto(600, 1); });

---

Mais voila ce bon vieux IE me fais caguer que ce soit sur la version 7 ou 8, un fond noir vient s'ajouter à la place de ma transparence.

Je cherche désespérément une solution ou un hack, mais je ne trouve pas...

Une personne aurait une solution (constructive)?

Bonjour,

Ceci est bizarre, j'ai jamais eu de soucis avec la transparence sous IE :koi: . Tu peux me montrer le code html et CSS de ta page? (ou plus simplement: ton "ma_lueur" contient des PNGs?).

Car d'après ce que je peux lire sur d'autres forums,la transparence et les PNGs ne font pas bon ménage sous IE :aie:

Dans ton code, mon_image et ma_lueur correspondent à quoi ?

Oui c'est vrai que j'aurais pu donner un peu plus de précision.


Coté JS:

Code:

---

1 2 3 4 5 6 7 8 9 10

$(function(){ $("#lueur").css("opacity","0.1"); $("#lueur").mouseover(function(){ $(this).animate({opacity:"1"},400); }); $("#lueur").mouseout(function(){ $(this).animate({opacity:"0.1"},400); }); });

---

Coté HTML;

Code:

---

1 2	<img src="img/contenu/lueur.png" id="lueur" width="763" height="738" />

---

Si cela peu vous aider pour m'aider XD

Merci d'avance

PS: (En utilisant fadeTo() j'obtiens le même résultat)

Bonjour,

C'est bien ce que je pensais, tu es victime du syndrôme du PNG malade sous IE :aie:.

A mon avis pour corriger le bug, il faudrait remplacer tes PNGs par des .gif, ou alors inciter les utilisateurs de IE à migrer sous Firefox (ou tout autre navigateur respectant les normes ;) ).

Bonjour.

Code:

---

$("#lueur").css("opacity","0.1");

---

IE ne connaît pas la propriété CSS opacity.

IE6 ne supporte pas la transparence PNG.