Conserver la transparence des PNG avec Internet Explorer

LuciferX

26 Sep 2007 à 00:08

Bonjour à tous, j'avais proposé sur mon blog un petit bout de javascript permettant d'afficher la transparence des images PNG sur fond transparent.
http://halo.goldzoneweb.info/dotclear/index.php?2007/07/09/29-conserver-la-transparence-des-png-avec-internet-explorer

Cependant, quelqu'un ma posé une colle en me disant qu'il ne fonctionne pas avec les images définies via css (background-image).
Y a-t-il une façon de corriger cela ?

D'avance, merci pour votre aide. Smiley ravi

Spark

26 Sep 2007 à 16:52

Salut,

Il existe un hack css pour ça :

* html #menu_shell_1 a { background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie_hack/menu01.png', sizingMethod='scale');

Applique ce CSS dans une feuille de style séparé :

<!--[if IE]><link rel="stylesheet" media="screen" type="text/css" title="Corrige les bugs d'IE" href="CSS/hackIE.css" /><![endif]-->

Je ne connais pas de méthode en Javascript.
Modifié par Spark (26 Sep 2007 - 16:54)

MoOx

26 Sep 2007 à 18:18

Voici 3 liens utiles dans ce cas:
http://www.stilbuero.de/2006/03/15/png-alpha-transparency-fast-and-easy/
http://www.themaninblue.com/writing/perspective/2004/06/18/

Un liend d'un plugin pour Jquery que j'utilise : http://jquery.khurshid.com/ifixpng.php

JavaScript, DOM et API Web HTML5

Conserver la transparence des PNG avec Internet Explorer