IE8 + PNG + OPACITE

slayes

28 Apr 2010 à 00:33

Bonjour à tous,

Je vous explique déjà mon soucis, seulement sous IE car sous FF pas de soucis.

J'ai 4 div avec la même image de fond ( un png légèrement opaque ).
A savoir qu'au chargement de la page le DIV 1 est à opacity=1 et les 3 autres à 0. Au chargement sous IE et FF le rendu est correct, j'ai bien l'effet de transparence.

Ensuite, par script la DIV1 par en fondu et le DIV2 arrive en fondu également et l'image de la DIV2 est complétement opaque et beaucoup plus foncé. A 1ere vue le soucis viendrait après la modif faîtes par cette ligne 'a.style.filter='alpha(opacity='+b*100+')';'.

Auriez vous une idée pour contourner ce problème ?

phpdoesnotcare

28 Apr 2010 à 11:13

Bonjour.
Essaye de remplacer :

a.style.filter='alpha(opacity='+b*100+')';

par :

a.style.filter='alpha(opacity='+(b*100)+')';

Modifié par phpdoesnotcare (28 Apr 2010 - 11:13)

slayes

28 Apr 2010 à 18:44

Merci pour ta réponse mais dès lors que j'applique filter:alpha(opacity=100); , dans mon css cela change le rendu de mon image.

La je ne voie pas, cela pourrait'il provenir de mon image ( et seulement sous IE ) ?

Voici le test que j'ai fais :


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
</head>

<body>
<img src="Image/accueil_fond_produit.png" />
<img src="Image/accueil_fond_produit.png" style="filter:alpha(opacity=100); "/>
</body>
</html>

Questions générales et questions de débutants

IE8 + PNG + OPACITE