{"id":465,"date":"2012-11-12T13:29:40","date_gmt":"2012-11-12T12:29:40","guid":{"rendered":"http:\/\/www.degraphiks.com\/blog\/?p=465"},"modified":"2012-11-12T13:29:40","modified_gmt":"2012-11-12T12:29:40","slug":"opacite-oui-mais-seulement-sur-le-fond","status":"publish","type":"post","link":"http:\/\/degraphiks.com\/blog\/opacite-oui-mais-seulement-sur-le-fond\/","title":{"rendered":"Opacit\u00e9, oui ; mais seulement sur le&nbsp;fond"},"content":{"rendered":"<p>Pour avoir le fond d\u2019un \u00e9l\u00e9\u00adment dans une page qui soit par\u00adtiel\u00adle\u00adment trans\u00adpa\u00adrent sans que le conte\u00adnu de l\u2019\u00e9l\u00e9\u00adment soit lui-m\u00eame trans\u00adpa\u00adrent&nbsp;n\u00e9ces\u00adsite&nbsp;d\u2019u\u00adti\u00adli\u00adser une image (com\u00adpl\u00e8te) qui pos\u00ads\u00e8de&nbsp;intrin\u00ads\u00e8\u00adque\u00adment&nbsp;de la trans\u00adpa\u00adrence, typi\u00adque\u00adment un png. Si l\u2019on applique la pro\u00adpri\u00e9\u00adt\u00e9 <span class=\"ccode\">opa\u00adci\u00adty<\/span> alors non seule\u00adment le back\u00adground sera semi-transparent mais aus\u00adsi le conte\u00adnu de l\u2019\u00e9l\u00e9ment\u2026<\/p>\n<p>Il existe cepen\u00addant une solu\u00adtion : le conte\u00adnu g\u00e9n\u00e9\u00adr\u00e9 comme le sug\u00adg\u00e8re tr\u00e8s jus\u00adte\u00adment Chris Coyier sur <a href=\"http:\/\/css-tricks.com\/snippets\/css\/transparent-background-images\/?utm_source=dlvr.it&amp;utm_medium=twitter\">son site<\/a>&nbsp;et dont voi\u00adci le&nbsp;code.<\/p>\n<pre class=\"codepen\" data-height=\"300\" data-type=\"result\" data-href=\"DaJnG\" data-user=\"chriscoyier\"><code><\/code><\/pre>\n<p><script async src=\"http:\/\/codepen.io:\/assets\/embed\/ei.js\"><\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Pour avoir le fond d\u2019un \u00e9l\u00e9\u00adment dans une page qui soit par\u00adtiel\u00adle\u00adment trans\u00adpa\u00adrent sans que le conte\u00adnu de l\u2019\u00e9l\u00e9\u00adment soit lui-m\u00eame trans\u00adpa\u00adrent&nbsp;n\u00e9ces\u00adsite&nbsp;d\u2019u\u00adti\u00adli\u00adser une image (com\u00adpl\u00e8te) qui pos\u00ads\u00e8de&nbsp;intrin\u00ads\u00e8\u00adque\u00adment&nbsp;de la trans\u00adpa\u00adrence, typi\u00adque\u00adment un png. Si l\u2019on applique la pro\u00adpri\u00e9\u00adt\u00e9 opa\u00adci\u00adty alors non seule\u00adment le back\u00adground sera semi-transparent mais aus\u00adsi le conte\u00adnu de l\u2019\u00e9l\u00e9ment\u2026 Il existe cepen\u00addant&nbsp;une&nbsp;[\u2026]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"wp_typography_post_enhancements_disabled":false,"jetpack_post_was_ever_published":false,"footnotes":""},"categories":[118,7],"tags":[72,114],"class_list":["post-465","post","type-post","status-publish","format-standard","hentry","category-developpement","category-web","tag-css","tag-web"],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p2W6XU-7v","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"http:\/\/degraphiks.com\/blog\/wp-json\/wp\/v2\/posts\/465","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/degraphiks.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/degraphiks.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/degraphiks.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/degraphiks.com\/blog\/wp-json\/wp\/v2\/comments?post=465"}],"version-history":[{"count":1,"href":"http:\/\/degraphiks.com\/blog\/wp-json\/wp\/v2\/posts\/465\/revisions"}],"predecessor-version":[{"id":466,"href":"http:\/\/degraphiks.com\/blog\/wp-json\/wp\/v2\/posts\/465\/revisions\/466"}],"wp:attachment":[{"href":"http:\/\/degraphiks.com\/blog\/wp-json\/wp\/v2\/media?parent=465"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/degraphiks.com\/blog\/wp-json\/wp\/v2\/categories?post=465"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/degraphiks.com\/blog\/wp-json\/wp\/v2\/tags?post=465"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}