taille d'image différente en background qu'en img [Résolu]

[Naceur84]

Bonjour,

Je voudrais savoir pourquoi en déclarant une image(<img ........) dans un div elle aura les dimensions de la div mais si on la met en background on voit qu'elle s'affiche avec sa taille d'origine. Y aura t-il une solution sachant que je voudrais utiliser l'image en background.

Merci.

[Bisûnûrs]

Si tu veux étendre une image de fond, il faut utiliser la propriété CSS3 background-size, qui n'est donc pas implémentée sur tous les navigateurs.

[Naceur84]

Comme t'as dis

CSS3 background-size, qui n'est donc pas implémentée sur tous les navigateurs.

c'est pour ça je cherche une autre solution

[Bisûnûrs]

Y en a pas vraiment .. Mais tu peux t'inspirer de ça :
http://www.developpez.net/forums/d19...to-background/

[bob633]

Tu peux déjà utiliser la position:fixed; afin que ton image ne s'étire pas dans toute la hauteur.

Sinon sur le net j'avais vu des soluces en javascript (oui oui) ou alors créer des div qui serviraient de background, et donc pouvoir utiliser les propriétés width et heigth ... mais j'ai pas réussi à mettre en place. Puis en réfléchissant, étirer une image, ça ferait vraiment très cracra en background ..

Le mieux c'est faire ton fond dans un grand format et le mettre en fixe de ton arrière fond.