Forum : Aide sur le <Body background-image>

Réponse acceptée

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

Réponse acceptée

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

Réponse acceptée

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;
}

Leny

Réponse acceptée

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

Réponse acceptée

no souci, avec plaisir

Deathowl

Auteur

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

Auteur

ahhhh Merci bcp !!! je vais tester sa

Deathowl

Auteur

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

Deathowl

Auteur

Merci bcp Leny

Aide sur le <Body background-image>

9 réponses