{"id":768,"date":"2009-09-30T10:26:17","date_gmt":"2009-09-30T08:26:17","guid":{"rendered":"http:\/\/v6.capsule.org\/blog\/?p=768"},"modified":"2009-10-03T00:19:30","modified_gmt":"2009-10-02T22:19:30","slug":"la-technique-ultime-de-remplacement-des-png32-sous-ie6","status":"publish","type":"post","link":"https:\/\/capsule.org\/blog\/la-technique-ultime-de-remplacement-des-png32-sous-ie6\/","title":{"rendered":"La technique ultime de remplacement des PNG32 sous IE6"},"content":{"rendered":"<p>A chaque fois que j&#8217;utilise cette technique, ceux qui me voient faire tombent des nues. Ca fait pourtant quelques mois qu&#8217;elle existe, mais reste toutefois peu populaire. Tentons de rem\u00e9dier \u00e0 cela!<\/p>\n<p><a href=\"http:\/\/www.dillerdesign.com\/experiment\/DD_belatedPNG\/\">Drew Diller<\/a> a en effet invent\u00e9 une technique de &#8220;hack&#8221; des PNG32 (PNG24 + channel alpha sur 8bits = 32, n&#8217;en d\u00e9plaise \u00e0 ses aficionados et \u00e0 Photoshop qui parle de PNG24 uniquement) bas\u00e9 sur un certain langage &#8220;VML&#8221;, l&#8217;\u00e9quivalent IE6 du plus connu &#8220;canvas&#8221;. OK, j&#8217;en vois qui font une dr\u00f4le de t\u00eate&#8230; Non, je ne parle pas de cette technique de broderie que vous avez sans doute pratiqu\u00e9 un jour \u00e0 l&#8217;\u00e9cole mais de la capacit\u00e9 qu&#8217;ont les browsers r\u00e9cents \u00e0 &#8220;dessiner&#8221; directement sans passer par des images pr\u00e9g\u00e9n\u00e9r\u00e9es.<\/p>\n<p><a href=\"http:\/\/www.dillerdesign.com\/experiment\/DD_belatedPNG\/\">DD_belatedPNG<\/a>, c&#8217;est son nom, permet en effet de patcher en deux coups de cuiller \u00e0 pot tous vos PNG32, qu&#8217;ils soient appliqu\u00e9s en background ou directement via le tag&lt;IMG&gt;.<\/p>\n<p>Comment \u00e7a marche? Dans les coulisses, je n&#8217;en sais foutrement rien, mais en pratique \u00e7a prend m\u00eame en consid\u00e9ration les propri\u00e9t\u00e9s background-position et background-repeat. Non, pas possible! Et pourtant si!<\/p>\n<p>Vous incluez un script en d\u00e9but de page, vous ajouter les selecteurs ad hoc dans une 2e ligne de script et hop, c&#8217;est patch\u00e9.<\/p>\n<p>Nul besoin d&#8217;ajout des filtres ou de se soucier du positionnement des \u00e9l\u00e9ments, \u00e7a marche dans tous les cas sans rien modifier \u00e0 la CSS!<\/p>\n<p>Magique? Oui, carr\u00e9ment!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A chaque fois que j&#8217;utilise cette technique, ceux qui me voient faire tombent des nues. Ca fait pourtant quelques mois qu&#8217;elle existe, mais reste toutefois peu populaire. Tentons de rem\u00e9dier \u00e0 cela! Drew Diller a en effet invent\u00e9 une technique de &#8220;hack&#8221; des PNG32 (PNG24 + channel alpha sur 8bits = 32, n&#8217;en d\u00e9plaise \u00e0 <a class=\"read-more\" href=\"https:\/\/capsule.org\/blog\/la-technique-ultime-de-remplacement-des-png32-sous-ie6\/\">&hellip;&nbsp;<span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0},"categories":[9],"tags":[],"_links":{"self":[{"href":"https:\/\/capsule.org\/blog\/wp-json\/wp\/v2\/posts\/768"}],"collection":[{"href":"https:\/\/capsule.org\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/capsule.org\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/capsule.org\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/capsule.org\/blog\/wp-json\/wp\/v2\/comments?post=768"}],"version-history":[{"count":4,"href":"https:\/\/capsule.org\/blog\/wp-json\/wp\/v2\/posts\/768\/revisions"}],"predecessor-version":[{"id":780,"href":"https:\/\/capsule.org\/blog\/wp-json\/wp\/v2\/posts\/768\/revisions\/780"}],"wp:attachment":[{"href":"https:\/\/capsule.org\/blog\/wp-json\/wp\/v2\/media?parent=768"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/capsule.org\/blog\/wp-json\/wp\/v2\/categories?post=768"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/capsule.org\/blog\/wp-json\/wp\/v2\/tags?post=768"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}