{"id":2116,"date":"2004-01-05T11:08:00","date_gmt":"2004-01-05T11:08:00","guid":{"rendered":"http:\/\/svay.com\/blog\/?p=2116"},"modified":"2004-01-05T11:08:00","modified_gmt":"2004-01-05T11:08:00","slug":"47-feuilles-de-style-et-background-image-multiples","status":"publish","type":"post","link":"https:\/\/svay.com\/blog\/47-feuilles-de-style-et-background-image-multiples\/","title":{"rendered":"Feuilles de style et background-image multiples"},"content":{"rendered":"<p>Je pense qu&#8217;il y a une fonctionnalit\u00e9 qui serait utile \u00e0 beaucoup de monde: la possibilit\u00e9 d&#8217;appliquer plusieurs images de fond \u00e0 un \u00e9l\u00e9ment HTML. Les applications sont multiples: compositions complexes \u00e0 l&#8217;aide de PNGs transparents, bo\u00eetes arrondies extensibles, bo\u00eetes ombr\u00e9es et plus g\u00e9n\u00e9ralement blocs de formes complexes. On \u00e9viterait l&#8217;<a href=\"http:\/\/svay.com\/coins_arrondis\/coins_arrondis.xhtml\" hreflang=\"fr\">usage de <code>&lt;div&gt;<\/code> inutiles<\/a> pour arriver \u00e0 nos fins.<\/p>\n<p>Malheureusement, cette possibilit\u00e9 n&#8217;est pas pr\u00e9vue pour le moment. Personne n&#8217;y a pens\u00e9 je crois puisque rien de tel n&#8217;apparait dans <a href=\"http:\/\/www.w3.org\/TR\/2002\/WD-css3-background-20020802\/#background\" hreflang=\"en\">le module <span lang=\"en\" title=\"image de fond\">background<\/span> de CSS3<\/a>.<\/p>\n<p> L&#8217;id\u00e9e serait d&#8217;utiliser la propri\u00e9t\u00e9 background plusieurs fois dans un \u00e9l\u00e9ment de la mani\u00e8re suivante: <\/p>\n<pre> .exemple{ background: url(image1.png) no-repeat top; background: url(image2.png) no-repeat bottom; } <\/pre>\n<p>Le navigateur se chargerait d&#8217;afficher les images dans l&#8217;ordre de leur d\u00e9claration, les fonds d\u00e9clar\u00e9s en dernier se superposant aux pr\u00e9c\u00e9dentes. De m\u00eame, la derni\u00e8re couleur de fond se substituerait aux couleurs pr\u00e9d\u00e9finies.<\/p>\n<p>Enfin bon, ce n&#8217;est qu&#8217;une id\u00e9e, peut-\u00eatre que \u00e7a va \u00e0 l&#8217;encontre de r\u00e8gles pr\u00e9existantes. Mais si ce n&#8217;est pas le cas, cette fonctionnalit\u00e9 donnerait plus de libert\u00e9 aux <span lang=\"en\">webdesigners<\/span> sans avoir \u00e0 utiliser du code non s\u00e9mantique.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Je pense qu&#8217;il y a une fonctionnalit\u00e9 qui serait utile \u00e0 beaucoup de monde: la possibilit\u00e9 d&#8217;appliquer plusieurs images de fond \u00e0 un \u00e9l\u00e9ment HTML. Les applications sont multiples: compositions complexes \u00e0 l&#8217;aide de PNGs transparents, bo\u00eetes arrondies extensibles, bo\u00eetes ombr\u00e9es et plus g\u00e9n\u00e9ralement blocs de formes complexes. On \u00e9viterait l&#8217;usage de &lt;div&gt; inutiles pour [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[21],"tags":[],"_links":{"self":[{"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/posts\/2116"}],"collection":[{"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/comments?post=2116"}],"version-history":[{"count":0,"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/posts\/2116\/revisions"}],"wp:attachment":[{"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/media?parent=2116"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/categories?post=2116"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/tags?post=2116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}