Background infiniRésolu/Fermé

Question

Bonjour tout le monde !
Alors voilà ça commence à faire quelques sites ou je voit des images en background qui paraissent infinie.

J'ai un Mac de 22 pouces et j'ai beau étirer la fenêtre du navigateur, l'image se poursuit, mais pas en mosaïque, c'est bel et bien l'image qui se poursuit. Comme un paysage ou on étire, on étire et on aperçoit des éléments différents (éolienne, champs, moulin, ...)

Comment peut on faire ça, parce que je pense qui si je met une image en background immense, je vais avoir un ascenseur verticale non ?

parce que dans ses sites là, l'image semble se continuer (je me doute bien qu'elle fini bien un jour) mais sans ascenseur verticale. Et niveau design, y a moyen de faire des choses très sympa avec ça.

Je reprécise bien que ce n'est pas une mosaïque, donc, c'est pas avec l'attribut "repeat" du CSS.

Configuration: Mac OS X / Firefox 3.5.9

bast64 · Answer

Tu as un exemple de site ?

kiyomasa · Answer

effectivement,ce sera plus simple ^^

http://www.page-contacts.com/couverture-sac-08/

Je suis pas sur que ce soit un bon exemple là parce quand j'étire à fond en décalant mon navigateur je vois la fin de l'image le fond est blanc.

mais y a pas d'assenseur hrztl

si c'est ça la solution, ben c'est juste une immense image d'arrière plan.

bast64 · Answer

Dans ce cas là, c'est effectivement une grande image en arrière plan. Tu est donc limité pour la hauteur de ton site.

Pour faire un design plus fluide, tu peut aussi mettre une image en haut, une autre en bas et au milieu une image qui se répète sur Y.

kiyomasa · Answer

d'accord alors 2 questions du coup :

 - il n'a jamais d'ascenseur hrztl sur un background ?
 - Comment mettre plusieurs image en background ?

avec ça, ce sera résolu.

bast64 · Answer

il n'a jamais d'ascenseur hrztl sur un background ? Non, pas à ma connaissance. Comment mettre plusieurs image en background ? Le mieux est de mettre dans le css : - ton image répétable dans le body - ton image du haut dans un div en haut - ton image du bas dans un div en bas Sa donne un truc comme sa :

Titre

mon texte

pied de page

body{background: url('fond.jpg') repeat-y;} #haut{background: url('haut.jpg') no-repeat;} #bas{background: url('bas.jpg') no-repeat;}

kiyomasa · Answer

ok ca marche !

merci du coup de main ;)

Background infini

6 réponses

Discussions similaires

Newsletters