Discussion :

[the5et]

Bonjour,

voila mon problème, entre les différentes pages, l'image de fond ne garde pas les mêmes proportions. Soit elle est zoomé ou soit elle est dézoomé ou elle recupérer ses proportions originales.

Je commence à désespérer et à m’énerver donc je fait appelle a vous . Voici le code que j'utilise actuellement.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
html {
	background-image: url("fond.jpg");
	background-repeat: no-repeat ; 
	background-attachment: scroll;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover;
	min-width: 1300px;
}
 
body {
	margin-top:10.4%;
	margin-left: 18%;
	margin-right: 18%;
}

Merci pour votre futur aide !

[ryan]

Yop!

Le background-size: cover va s'assurer, comme son nom l'indique, que l'image de fond couvre bien tout l'élément sur lequel elle est appliquée.
Donc quand les dimensions de cet élément varient, l'image de fond s'adapte et peut éventuellement donner l'impression qu'on zoome.

[the5et]

Je viens de m'en rendre compte Merci quand même pour ta réponse

[stephweb]

As-tu essayé?:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

background-image: url("fond.jpg") fixed;

[Bovino]

Ca ne risque pas de fonctionner : fixed n'est pas une valeur valide pour la propriété background-image.
C'est soit

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

background: url("fond.jpg") fixed;

soit

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
background-image: url("fond.jpg");
background-position: fixed;