Aide sur le <Body background-image>

Par Deathowl, il y a 14 ans


Les bases HTML/CSS

Bonsoir , voila j'aimerais mettre un Fond sur mon site web mais j'arrive pas a trouver les bonnes dimensions a faire ...
Que dois-je faire s-v-p ?

9 réponses

Hirod, il y a 14 ans

C'est pas claire, on pourais avoir plus d'infos ?

Deathowl, il y a 14 ans

Bein , sur l’arrière plan de mon site , a chaque fois que j’essaye de mettre un arriere plan
sa me fait une image qui n'est pas remplie.
sois il reste du Noir(background-color) sois c l'image qui ce répète
ce que je voulais savoir esqu'il y a des petites astuces sur les arrières plans pour éviter ce genre de truc ?

Deathowl, il y a 14 ans

Merci bcp Leny

Leny, il y a 14 ans

La solution est une propriété css3 qui s'appelle background-size.
Elle commence à être supportée un peu partout, donc c'est cool.

body {
    background: black url( fond.png ) top left no-repeat;
    background-size: cover;
}

Un petit lien pour plus d'infos...

Hirod, il y a 14 ans

Pour qu'il soit supporté partout :

body {
    background:black url(fond.png) top left no-repeat;
    -moz-background-size:cover;
    -webkit-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
}
Deathowl, il y a 14 ans

ahhhh Merci bcp !!! je vais tester sa

Deathowl, il y a 14 ans

sa marche impec , je vous remercie encor !
si c pas tros vous demander vous pouvez m'expliquer en quoi sa consiste exactement ? le moz , le o et le webkit lol

Leny, il y a 14 ans

Background-cover est une propriété qui n'est pas encore tout à fait dans les specs (ou qui l'est, mais depuis pas longtemps du tout).
Et comme toutes les propriétés non-finalisées, la plupart des navigateurs l'ont déjà implémentée, mais de leur façon propre, qui peut parfois se différencier de la version officielle (mais pas dans le cas présent).
Quoi qu'il en soit, le -webkit permet de faire comprendre la propriété par le moteur webkit (safari, chrome et les navigateurs mobile), -moz par Firefox et -o par opéra.
Tu trouveras plus d'infos sur les préfixes vendeurs ici.

Leny, il y a 14 ans

no souci, avec plaisir