BUG FIX TRANSPARENCE PNG IE (SIMPLE)
abdoulax
Messages postés
875
Date d'inscription
samedi 17 mai 2003
Statut
Membre
Dernière intervention
22 juin 2012
-
28 sept. 2006 à 23:28
payetonju Messages postés 436 Date d'inscription mercredi 26 septembre 2007 Statut Membre Dernière intervention 2 juillet 2014 - 30 juil. 2008 à 18:07
payetonju Messages postés 436 Date d'inscription mercredi 26 septembre 2007 Statut Membre Dernière intervention 2 juillet 2014 - 30 juil. 2008 à 18:07
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.
https://codes-sources.commentcamarche.net/source/39723-bug-fix-transparence-png-ie-simple
https://codes-sources.commentcamarche.net/source/39723-bug-fix-transparence-png-ie-simple
30 juil. 2008 à 18:07
30 déc. 2007 à 23:23
cette solution est lourde à mettre en place, et pour faire suite à la discussion sur une solution css, vous retrouverez effectivement une alternative bien plus pratique ici :
http://www.javascriptfr.com/codes/BUG-FIX-TRANSPARENCE-PNG-SOUS-IE_45232.aspx
21 août 2007 à 14:33
21 août 2007 à 14:22
Le lien vers mon prob http://masta64.neuf.fr/PowerMax_BAD_Design/Index_1024.htm
22 juil. 2007 à 17:54
/*CSS*/
#Exemple
{
background-image: url('bg.png') !important;
background-image: url('blank.gif');
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg.png', sizingMethod='scale');
}
/*END CSS*/
messi
19 juil. 2007 à 14:54
c'est une autre alternative pour ceux qui ne veulent pas voir le fond bleuté du PNG transparent sur ie5.5 et ie6 (qui se feront de plus en plus rare, normalement).
sur ie5.5 et ie6 on voit un GIF de moins bonne qualité
et sur firefox, ie7 et autres, on voit le PNG clean
A vrai dire j'avais essayé avec le blank.gif et le filter, mais comme ca marchait pas, jme suis rabattu sur cette solution. Mais j'vais réessayer quand même, c'était peut-être qu'une histoire de cache...
19 juil. 2007 à 13:05
Have fun
19 juil. 2007 à 12:35
tu fais un png24 pour les navigateurs qui le gèrent en mettant "!important"
et un gif pour ie<7
/*CSS*/
#Exemple
{
background-image: url('bg.png') !important;
background-image: url('bg.gif') ; /* pour ie < 7 qui ne gère pas la transparence des png*/
}
/*END CSS*/
pour le gif, perso, j'le fais sous photoshop.
>enregistrer pour le web
>GIF 128 tramé
>et je met "tramage de transparence du motif"
ce qui fait un résultat pas trop dégeu
19 mars 2007 à 14:03
l'url est donc :
http://plutonserveur.homelinux.com/
13 mars 2007 à 22:36
13 mars 2007 à 14:43
www.pluton.homelinux.com/sources
21 nov. 2006 à 13:21
Mais tu peut le mettre ou tu veut et changer le target.
C'est une image vide elle est transaparente je peut te l envoyer si tu veut.
13 nov. 2006 à 15:55
18 oct. 2006 à 17:54
18 oct. 2006 à 17:52
Pour le Css, la méthode que nous utilisons est la suivante pour passer de Ie a Firefox :
html>body .csslabel{
background-image:url("chemin/image.png");
background-repeat: repeat-y;
background-position:center right;
}
.csslabel {
background-repeat: repeat-y;
background-position:center right;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chemin/image.png', sizingMethod='scale');
}
2 oct. 2006 à 14:01
Mais bon pour moi la meilleur des solutions est le hack CSS, c'est plus claire, plus facielement modifiable.
Ton validateur de CSS est un simple robot hors il prend pas en compte les différentes raison d'un tel choix. De plus l'utilisation de Javascript est encore moins conseillé pour rendre une page valide. Certe le Javascript permet de contourné le validateur, mais ne respecte en aucun cas les contrainte de validité!!
J'espère que tu comprends mon raisonnement, en tout cas je te conseil de ne pas utiliser ton système...
Have fun
2 oct. 2006 à 13:42
Mais là encore on utilise un hack spécifique à IE ! et le problème ici c'est que la CSS n'est plus valide ( http://jigsaw.w3.org/css-validator/ ), donc cette solution est à éviter ...
2 oct. 2006 à 13:09
background-image: url("image.png");
* background-image: url("blank.gif");
* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.png', sizingMethod='scale');
}
Als les petite * s'appel des hack ( du moins je te préviens le code j'ai pas testé mais c'est le principe qui compte, il faut que tu regarde les hack css car je suis même plus sur kon utilise l'* pour faire des hack...). Donc la prémiere ligne s'execute si on est pas sous IE sinon c'est les 2 autre ligne qui prenne la main.
Je me demande si j'ai pas mélangé un peu tout mais le principe est la, regarde les hack css!!
Have fun
2 oct. 2006 à 07:55
Tu veux bien expliquer comment tu affiche des PNG en alpha ? avec une CSS (valide de préférence) ???
29 sept. 2006 à 23:08
donc oui la solution est de creer une classe css
Bonne prog a tous
29 sept. 2006 à 14:32
document.write("");
else
document.write("");
}
Quel est l'intérêt de faire un else if et un else ayant les mêmes instructions ??? Autant ne garder qu'un seul else...
28 sept. 2006 à 23:28
Have fun