Discussion :

[aeroth]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

ou encore :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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)?

[supersnail]

Bonjour,

Ceci est bizarre, j'ai jamais eu de soucis avec la transparence sous IE . 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

[Bovino]

Dans ton code, mon_image et ma_lueur correspondent à quoi ?

[aeroth]

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


Coté JS:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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)

[supersnail]

Bonjour,

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

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 ).

[danielhagnoul]

Bonjour.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

IE6 ne supporte pas la transparence PNG.