3 background css
Utilisateur anonyme
-
Utilisateur anonyme -
Utilisateur anonyme -
J'ai une feuille de style en cascade et je souhaiterai placer plusieurs background, Comment faire ?
.Fin
{
/* hauteur */
height:6px;
/* largeur */
width:auto;
/* position */
float:center;
/* marge haut */
margin-top:0px;
/* fond */
background-image:url("../Images/Fond_fin.png");
background:url(".../Images/Fond_bas_gauche.png") no-repeat bottom left;
background:url("images/Fond_bas_droite.png") no-repeat bottom right;
}
.Fin
{
/* hauteur */
height:6px;
/* largeur */
width:auto;
/* position */
float:center;
/* marge haut */
margin-top:0px;
/* fond */
background-image:url("../Images/Fond_fin.png");
background:url(".../Images/Fond_bas_gauche.png") no-repeat bottom left;
background:url("images/Fond_bas_droite.png") no-repeat bottom right;
}
A voir également:
- 3 background css
- Ai suite 3 - Télécharger - Optimisation
- Picasa 3 - Télécharger - Albums photo
- Photorecit 3 - Télécharger - Visionnage & Diaporama
- Windows 7 logon background changer - Télécharger - Thèmes & Fonds d'écran
- Imagen 3 - Accueil - Applications & Logiciels
4 réponses
si j'ai bien compris ta question tu peut coupe ta page en plusieurs partie en utilisent des class ou des ID et tu définie a chaque partie son background
Non, en faite j'utilise le meme design pour plusieur chose
corp de la page, une barre a droite ...
et je veut faire des arrondis a a class debut et fin, pour ce faire j'aimerais placer trois backround
<div class="debut">
ici le nom du menu
</div>
<div class="Milieu">
ici le contenu du menu
</div>
<div class"Fin">
ici la fin du menu
</div>
corp de la page, une barre a droite ...
et je veut faire des arrondis a a class debut et fin, pour ce faire j'aimerais placer trois backround
<div class="debut">
ici le nom du menu
</div>
<div class="Milieu">
ici le contenu du menu
</div>
<div class"Fin">
ici la fin du menu
</div>
/* fond */
background-image:url("../Images/Fond_fin.png");
background:url(".../Images/Fond_bas_gauche.png") no-repeat bottom left;
background:url("images/Fond_bas_droite.png") no-repeat bottom right;
}
Lorsque tu as 2 règles concernant le même attribut, c'est la dernière qui écrase l'autre (à quelques exceptions de priorité).
Donc si tu ajoute une deuxième image elle écrasera les infos de la première
Tu ne peux pas mettre plusieurs background différents pour un même div.
Une solution est de faire un div qui à la même taille avec un fond transparent et l'image voulue.