{"id":10,"date":"2007-01-15T11:43:23","date_gmt":"2007-01-15T09:43:23","guid":{"rendered":"http:\/\/www.nyamsprod.com\/blog\/?p=10"},"modified":"2007-01-15T11:43:23","modified_gmt":"2007-01-15T09:43:23","slug":"png-ie-et-mon-site-ne-font-pas-bon-menage","status":"publish","type":"post","link":"https:\/\/nyamsprod.com\/blog\/png-ie-et-mon-site-ne-font-pas-bon-menage\/","title":{"rendered":"PNG, IE, et mon site ne font pas bon m\u00e9nage"},"content":{"rendered":"
\n

Attention:<\/strong> Les informations de ce billet sont susceptibles d'être obsolètes car vieux de plus 2 ans.<\/p>\n

Warning: <\/strong> The information you are reading may be obsolete, this post was published more than 2 years ago.<\/p>\n<\/div>

Attention <\/strong>: une mise \u00e0 jour de cet article a \u00e9tait publi\u00e9<\/a>, le 19 D\u00e9cembre 2007, avec l’explication compl\u00e8te du bug.<\/p>\n

I.Le constat<\/h4>\n

Pendant la mise \u00e0 jour de mon site j’ai chang\u00e9 le logo de mon site et comme, je suis pas tr\u00e8s fut\u00e9; je suis all\u00e9 sur le net pour trouver de l’inspiration et des tutoriaux pour cr\u00e9er mon nouveau logo<\/a>. Au momment de sauver mon nouveau logo, Photoshop m’a propos\u00e9 3 types de fichier : GIF<\/code> ,JPEG<\/code> et PNG<\/code>. Suivant les recommendations sur le type de fichier \u00e0 choisir<\/a> j’ai sauv\u00e9 mon logo en PNG<\/code>. Le r\u00e9sultat fut alors assez \u00e9trange dans le navigateur que tous le monde adore, Internet Explorer et ce, quelque soit la version.<\/p>\n\n\n\n\n\n
\n

Internet Explorer<\/h4>\n<\/td>\n

\n

Dans les autres navigateurs<\/h4>\n<\/td>\n<\/tr>\n

\n

\"\"<\/p>\n<\/td>\n

\n

\"\"<\/p>\n<\/td>\n<\/tr>\n

la couleur de l’arri\u00e8re plan diff\u00e8re l\u00e9g\u00e8rement de la couleur de fond du logo<\/td>\nDans les autres navigateur, on observe aucune diff\u00e9rence entre arri\u00e8re plan et la couleur de fond du logo<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

II.L’explication<\/h4>\n

Apr\u00e8s moultes investigations sur le net. Je retombais toujours sur le m\u00eame probl\u00e8me de transparence de PNG<\/a> sous IE6<\/abbr>. Mais bon l\u00e0, le probl\u00e8me est le m\u00eame sous IE7<\/abbr> et ce bug est cens\u00e9 \u00eatre r\u00e9solu pour les PNG<\/a>… , de plus il n’y a pas de transparence dans mon logo!!!<\/strong>Une piste serait de dire que Trident<\/a> a encore des probl\u00e8me avec le PNG, bug qui ne se limite pas au traitement de la transparence.. \u00e0 moins que cela soit li\u00e9s mais je vois pas comment. Bref en attendant, je n’ai pas d’explication solide et comme je suis pas graphiste, je ne peux que constater.<\/p>\n

III.La solution<\/h4>\n

En attendant une explication \u00e0 ce ph\u00e9nom\u00e8ne, j’utilise une expression conditionnel sous IE<\/abbr> pour ajuster la couleur de mon arri\u00e8re plan \u00e0 la nouvelle couleur<\/em> de fond de mon image. En esp\u00e9rant que IE 8<\/abbr> r\u00e8gle ce probl\u00e8me une bonne fois pour toute.<\/p>\n

<!--[if IE lt 8]><style type=\"text\/css\" media=\"screen\">#header { background-color:#FFE295; }<\/style><![endif]--><\/pre>\n
Le c\u00f4t\u00e9 int\u00e9ressant de cette histoire c’est que j’ai trouv\u00e9 une nouvelle utilisation pour l’IE Developper Toolbar<\/a>, qui m’aide maintenant \u00e0 d\u00e9terminer la couleur exact de l’arri\u00e8re plan de mon image sous IE<\/abbr> et ensuite \u00e0 ajuster la couleur de fond de mon ent\u00eate comme indiqu\u00e9 ci-dessus.<\/p>\n","protected":false},"excerpt":{"rendered":"
Probl\u00e8me de gestion des images PNG via Internet Explorer autres que la gestion de la couche alpha.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[5],"tags":[84,286,382,423,533],"class_list":["post-10","post","type-post","status-publish","format-standard","hentry","category-web","tag-bug","tag-internet-explorer","tag-navigateurs","tag-png","tag-transparence"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/posts\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":0,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/posts\/10\/revisions"}],"wp:attachment":[{"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/media?parent=10"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/categories?post=10"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/tags?post=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}