[résolu] Superposer 2 background ?

Bonjour à tous,

Une question ... est-il possible de superposer 2 background ?
dans le style :

body
{ background-image: url(image.gif} top left ;
background-color: darkred;}

et si c'est possible sous quelles conditions ?

Merci d'avance

et bonne journée !
Modifié par boraboranui (01 Jun 2005 - 17:36)

bah... oui ! C'est tout à fait possible, sauf que darkred n'est pas un nom de couleur HTML
http://www.la-grange.net/w3c/html4.01/types.html#type-color

Tu peux aussi utiliser les propriétés raccourcies :

body {background: #660000 url(image.gif) top left;}

background-color:#f00;
background-image:url(background.gif);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:0 0;

/* can be condensed to */

background:#f00 url(background.gif) no-repeat fixed 0 0;

Efficient CSS with shorthand properties (en)

Attention, l'URL doit être entre parenthèses (). Pas d'accolade }

body
{ background-image: url(image.gif} [b][#red]<= pas d'accolade[/#][/b] top left ;
background-color: darkred;}

<edit />
Trouvé sur pompage : Écrire des feuilles de style efficaces
Modifié par Stephan (01 Jun 2005 - 07:30)

Stephan a écrit :
bah... oui ! C'est tout à fait possible, sauf que darkred n'est pas un nom de couleur HTML
http://www.la-grange.net/w3c/html4.01/types.html#type-color

Le lien ne fonctionne pas.
Mais je suppose qu'il n'affiche que les 16 couleurs de bases, or dans la palette sécurisée de 216 couleurs, "darkred" y figure bien :
http://www.commentcamarche.net/html/htmlcouleurs.php3
http://pourpre.com/nuanciers/info.php
http://www.ccim.be/ccim328/html/colornom.htm
http://www.laltruiste.com/courshtml/couleur.html
etc.

Je pense qu'il n'y a plus aucun risque à utiliser la palette 216... à moins que le site doit s'afficher sur un écran 16 couleurs
Modifié par Raphael (01 Jun 2005 - 10:41)

euh... Si, il fonctionne le lien

Je ne connaissais pas cette palette « étendue »

Stephan a écrit :
euh... Si, il fonctionne le lien

Curieux, je viens de réessayer et toujours "ce document ne contient aucune donnée".
En fait chez moi, tout le site de LaGrange est down depuis ce matin (au-moins)

Raphael a écrit :

Curieux, je viens de réessayer et toujours "ce document ne contient aucune donnée".
En fait chez moi, tout le site de LaGrange est down depuis ce matin (au-moins)

Pour moi le site fonctionne, mais comme Raphael je pense que le nom des couleurs est utilisable. Pour ma part j'utilise cette source
Pour la superposition j'ai compris un truc c'est que l'ordre de saisie des lignes est important du style

background-color: darkred ;
background-image: url(salopette.gif) ;
background-repeat: no-repeat ;
background-position: right ;

Voilà je pense que le sujet peut être indiqué Résolu,

Bonne journée a tous

Boraboranui

Chez moi le lien fonctionne,
curieux quand meme ^^

Sinon moi aussi, j'apprend l'existance de cette pallette étendu !
Merci