Dans les nuages... - Le point sur les PNG transparents sous IE6 - Commentaires

Le point sur les PNG transparents sous IE6 - K.oy0t

K.oy0t — Mon, 02 Jun 2008 10:39:33 +0200

Bonjour à tous,

J'ai aussi été confronté à ce problème, qu'est-ce que j'ai pu grogner après IE, c'est vraiment une belle daube, heureusement qu'ils ont corrigé ça dans IE7, mais chez crosoft, ils ont encore du retard à rattraper au niveau des standards.

PS: pour ceux qui ont des liens qui ne marchent plus (même avec l'astuce) essayez de faire pareil mais en mettant "position : absolute;" au lieu de "position : relative;", pour comprendre, il y a des explications bien complètes sur google.

Le point sur les PNG transparents sous IE6 - Carma001

Carma001 — Tue, 18 Dec 2007 21:34:00 +0100

Bonjour ! Je voudrais savoir si l'impossibilité de changer la couleur transparente sur Photoshop est confirmée ou si c'est possible ?
Ca m'étonne quand même, un logiciel aussi performant qui coute 1000 € ! On doit pourvoir le faire, mais connaissant la simplicité de leur logiciel, cette option doit être paumée au fin fond d'un menu !

Quoi qu'il en soit, merci de vos réponses et merci d'avance
Bonne journée !

(PS: Sur Adobe Photoshop CS2)

Le point sur les PNG transparents sous IE6 - Fractale

Fractale — Fri, 07 Dec 2007 01:13:53 +0100

Salut à tous !
Si c'est le lien lui-même qui a un arrière-plan en png, comment on fait pour cliquer dessus ?!

É.

Le point sur les PNG transparents sous IE6 - aplouviez

aplouviez — Thu, 06 Dec 2007 15:54:29 +0100

rectification... ça ne marche pas si bien...
en effet, sous IE, j'ai des liens qui ne marchent plus du tout !
comme si le z-index n'était tout simplement pas pris en compte
quelqu'un a trouvé la solution ?
merci !
al1

Le point sur les PNG transparents sous IE6 - aplouviez

aplouviez — Thu, 06 Dec 2007 14:45:36 +0100

bonjour,
je viens de trouver votre astuce, et bravo, ça marche très bien !
En revanche, vous suggérez de créer un nouveau css, nommé iefix.css, mais je vous suggère une autre solution :
dans votre css principale, ajoutez sur le border "normal" l'attribut !important.
ça donne :

background: transparent url(image.png) no-repeat !important;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='image.png');
background-image: none;

ça marche très bien, et ça ne fait qu'une css à gérer.
al1

Le point sur les PNG transparents sous IE6 - Johnmako

Johnmako — Tue, 13 Nov 2007 19:32:02 +0100

je voudrais répondre à "defré" pour ce qui concerne la méthode 'scale'.

sache que le HEIGHT dans ie6 équivaut en réalité à min-height...
donc si tu cible ton div rien que pour ie6 ( *html #nomdudiv ) tu peux lui donner une height de par 10px par exemple, et si tu as un contenu qui dépasse, et bien ton backgroune continue au delà des 10px... ) ceci ne vaut bien sur que pour des background qui peuvent s'étirer, comme par exemple un fond uni en transparence ou un léger dégradé que tu pourrais étirer...
je t'avoue que je commence à peine à pouvoir gerer les hacks pour ie6...ce qui est triste c'est qu'il faut détruire son code cs "propre" pour faire fonctionner ce fichu navigateur...
mais pourquoiiiiiiiiiiiiiii bill, pourquoiiiiiiiiiiiii nous fait tu ça à nous les développeurs ?

Le point sur les PNG transparents sous IE6 - xclam

xclam — Tue, 09 Oct 2007 21:52:55 +0200

Merci pour l'astuce c'est très pratique

Pour la deuxième solution on peux le faire avec photoshop aussi il suffit de mettre entrelacé dans l'option png(ou peut être que ça ne fait que noir je n'ai pas testé les autres couleurs^^)

Le point sur les PNG transparents sous IE6 - pierre

pierre — Wed, 26 Sep 2007 11:45:21 +0200

Dans le même esprit que la page citée:
( http://midiwebconcept.free.fr/PNG_I... )
Je donne un exemple de code pour un background PNG
(valable pour <table> et <td> et marche sous IE, FFx et Opera):

<head>
<style>
v\:*{behavior:url(#default#VML)}
</style>
</head>

<body>

Bonjour!<br>

<![if IE]>
<v:rect style='width:250;height:210' stroked=f>
<table width=250 height=210>
<v:fill src="http://catinon.info/blog/post/2006/01/24/MonImage.png" type=tile /></v:rect>

<![if !IE]>
<table width=250 height=210 background="http://catinon.info/blog/post/2006/01/24/MonImage.png">
<![endif]>
<tr><td><font color=fuchsia size=6><b>
BLABLABLA....<br>
BLABLABLA....

</td></tr></table>

A bientot!

</body>
</html>

Le point sur les PNG transparents sous IE6 - defre

defre — Tue, 25 Sep 2007 12:13:08 +0200

pour les liens ajouter juste position:relative dans la css .
Par contre si quelqu'un connait le moyen de positionner une image de fond png sous ie 6 et < , a premiere vu c'est impossible, mais par experience je sait que rien n'est impossible dans le www

Sinon j'utilise maintenant beaucoup de png transprent , et tampis pour les ie6< , apres tout ils ont acces a firefox, et ce n'est pas ce qui empeche le contenu de s'afficher , bref je ne me bride plus , et ca va beaucoup mieux pour moi :D et finalement meme le client est content de voir une version plus jolie sous firefox, tant que dés le départ on se met d'accord sur le fait que quelques variations auront lieu dans le design, apres tout on arrete pas le progres !

Le point sur les PNG transparents sous IE6 - galima

galima — Mon, 25 Jun 2007 10:10:49 +0200

Essayez avec ce procédé: http://midiwebconcept.free.fr/PNG_I...

Le point sur les PNG transparents sous IE6 - Yvan L.

Yvan L. — Fri, 01 Jun 2007 13:17:08 +0200

Bonjour,

avez vous finalement trouvé une solution pour le problèmes des liens "inactifs" dans le cas de l'utilisation d'un script du type PNGfix?

Merci !

Le point sur les PNG transparents sous IE6 - Holiday

Holiday — Tue, 08 May 2007 00:01:56 +0200

Chez moi la transparence de ton blog ne marche pas sous IE, ainsi que sur le site où j'essai de l'intégrer (j'ai du recourir au gif :'( :'( :'( à quand un gif24bit :p)

Le point sur les PNG transparents sous IE6 - Julien

Julien — Sat, 14 Apr 2007 21:22:33 +0200

Idem chez moi... ça bloque!

Pour voir , allez là : http://www.jobetudiant.net/?newStyl... puis rentrez un email et un mot de passe bidon dans le champs de login... Vous aurez alors un message d'erreur impossible à fermer sous IE si je veux la transparence de mon "pop-up"!

Le point sur les PNG transparents sous IE6 - Aurel

Aurel — Fri, 16 Mar 2007 14:18:23 +0100

Bon il faudrai que je revérifie. Le problème, c'est que je n'ai plus IE6

Le point sur les PNG transparents sous IE6 - Jackovson

Jackovson — Wed, 14 Mar 2007 17:50:22 +0100

Salut

Moi non plus je n'arrive pas a cliquer sur mes liens malgrés l'utilisation de z-index: 1 + position:relative

(sinon la transparence marche...)

Bye

Le point sur les PNG transparents sous IE6 - jaaaab

jaaaab — Fri, 16 Feb 2007 23:52:37 +0100

Idem pour moi: ce code ne fonctionne pas: a {position: relative; z-index: 1;}

je peux voir les contours du lien avec border, mais impossible de cliquer dessus!

Le point sur les PNG transparents sous IE6 - jdpp

jdpp — Mon, 04 Dec 2006 11:10:36 +0000

Aussi, il y a un problème sur l'objet flash et je n'arrive pas !

a, input, objet {position: relative; z-index: 1;} ou non ?

Merci pour aider

Le point sur les PNG transparents sous IE6 - Falkra

Falkra — Fri, 10 Nov 2006 22:28:40 +0000

Excellent, j'avais trouvé des docs avec
a, input {position: relative; z-index: 1;}

Mais sans le input ! Et ça, ça change tout, pour les champs de saisie... Un grand merci !

Le point sur les PNG transparents sous IE6 - Aurel

Aurel — Mon, 09 Oct 2006 21:20:37 +0000

Bizarre, je n'ai jamais eu ce problème...

Le point sur les PNG transparents sous IE6 - Christophe Bord

Christophe Bord — Sat, 07 Oct 2006 19:29:35 +0000

Bon perso, le problème des liens ne se règle pas de cette manière chez moi et d'ailleurs je cherche toujours

Le lien semble exister et avoir le bon focus même sans le hack..mais il a des dimensions du style 1X1px...

En specifiant une taille au lien transformé en block..je n'ai toujours pas de résultat.

Je suis preneur pour une idée. Merci