[css] background image [Résolu]

isa - Dernière réponse le 1 avril 2012 à 15:06

Bonjour,

J'aurais juste besoin de savoir s'il est possible d' "obliger" une image de fond (background-image) à se proportionner de façon a remplir la totalité du fond de la page.
Merci d'avance de vos réponses
Isa

[css] background image »

Suggestions

[css] background image
[CSS & IE7]background-image property (Résolu) » Forum
Problème de background-image sur Mozilla (Résolu) » Forum
Background-images ne fonctionne pas (Résolu) » Forum
Background transparent ? (Résolu) » Forum
CSS background image non affichée (Résolu) » Forum

Plus

Réponse

+12

manit4c 10 sept. 2010 à 09:55

Euh du javascript pour ce genre de chose est inutile vous pourrez trouver la solution avec uniquement du CSS ici:
http://www.blog.manit4c.com/...

Ajouter un commentaire

Réponse

michel 10 juil. 2010 à 18:44

Salut.

Moi je n'aime pas trop la solution de truthlesslife : ça déforme l'image.

Pour avoir une image de fond qui s'adapte à la taille de la fenêtre tout en conservant ses proportions largeur/hauteur, il faut avoir recours au javascript.

Il existe des scripts tout prêt pour ça : http://www.webbricks.org/bricks/bgMax/

Ajouter un commentaire

maniT4c - 1 juin 2011 à 11:38

La solution que je donne plus haut (uniquement css) ne déforme pas du tout l'image (vous pouvez voir la démo).

Réponse

truthlesslife 24 oct. 2007 à 00:53

Bonjour,

Pour mettre une image de fond en plein écran y a toujours moyen d'écrire ça (tout de suite après la balise <body>) :

<img src="cequetuveux.jpg" width=100% height=100% style="position: absolute">

Ajouter un commentaire

Réponse

valdoucalours 3Messages postés 18 novembre 2011Date d'inscription 30 novembre 2011Dernière intervention 18 nov. 2011 à 11:33

Le problème si tu utilises css background c'est que si ta page n'est pas fixe en taille tu ne vas pas pouvoir redimensionner l'image de fond.

Contrairement au design en print la taille d'une page web n'est pas fixe. Pour résoudre ce problème on utilise souvent une div à taille fixe sur laquelle on applique l'image de fond.

Ajouter un commentaire

Réponse

Southstyle 12 oct. 2007 à 10:04

Oui mais ça ne répond pas à la question.
En plus tu te trompes. Etirer une photo c'est moche, certes, mais si tu as des fonctions spéciales, ça peut être utile d'étirer l'image de la taille X, où X est une variable.
Par exemple pour des votes ou des statistics.
Bref, j'ai justement le même problème que Isa et j'aimerais bien une réponse si quelqu'un sait y répondre.

Merci

Ajouter un commentaire

Réponse

lapino 21 févr. 2008 à 02:34

bonjour
cest exactement le problème que je voulais résoudre: mettre limage de background full screen
le truc de truthlesslif et/ou de alsacreations sont exactemen ce quil faut faire

merci

Ajouter un commentaire

Réponse

vorotil 77Messages postés 10 juin 2009Date d'inscription 1 août 2009 à 20:27

bonjour pouvez vous m'expliquez comment crée des images background pour css

Ajouter un commentaire

Réponse

drann 1Messages postés 26 mars 2012Date d'inscription 26 mars 2012Dernière intervention 26 mars 2012 à 23:18

Bon, en attendant, c'est fini de se prendre la tête:
background-image: url(images/monimage.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
et le tour est joué.
Valable pour ie, chrome, safari, firefox...

Ajouter un commentaire

ReDLoG - 26 mars 2012 à 23:26

Houla! Bonjour la science!!!
La propriété background-size est une propriété CSS3 seulement implémentée par les navigateurs de dernière génération et pour le reste, alléger une feuille de style est très bon pour la bande passante hébergeur :

background: url(images/monimage.jpg) no-repeat fixed;

kaizoku - 1 avril 2012 à 15:06

+1 c'est le plus simple, la meilleure solution !!

Réponse

Gihef 5246Messages postés 20 juillet 2005Date d'inscription 10 févr. 2008 à 20:44

Bonjour,

On parle de ça dans cette discussion.

--

Ajouter un commentaire

Réponse

-2

gzav 2 févr. 2005 à 14:45

ça va être assez dégueulasse...

mieux vaut prévoir une image de la taille de ta page (et donc fixer en dur la taille de cette page) ou alors utiliser une image-motif qui va se répéter...

Ajouter un commentaire

Réponse

-3

noob 10 févr. 2008 à 19:46

oui mais en faisant ca tu t interdit de pouvoir modifier limage de fond en fonction du style de page que tu affiche

Ajouter un commentaire

Gihef- 10 févr. 2008 à 20:42

Je n'ai pas lu ça dans la question d'origine.
Tu as des lunettes spéciales ?

Cependant, on peut placer l'image à l'aide d'un script qui se déclenche au chargement de la page en précisant une source différente à chaque fois.

--

dalida - 4 oct. 2011 à 16:41

vas voir ici (je crois)
http://foyerdj.freeheberg.com/

Répondre au sujet

Posez votre question

Dossier à la une

Passage au tout numérique : quel coût pour les particuliers ?

Passage au tout numérique : quel coût pour les particuliers ?

Combien cela coûte-t-il au total ? Quelles aides apportent l'état et les acteurs du marché pour alléger cette charge non choisie ? Tous les détails sur Commentçamarche.net.

[css] background image [Résolu]

[css] background image »

Passage au tout numérique : quel coût pour les particuliers ?