Discussion :

[naiad]

Bonjour,
J'essaie de mettre un background en 100% avec le code suivant :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
html {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-color:#f2f2f2;
background-size: cover;
background-attachment: fixed;
background-image: url(../images/background.jpg);
background-repeat: no-repeat;
background-position: top left;
}

mon problème est que lorsque je scroll mon contenu le scroll est saccadé.
J'ai tout testé avec script de resize image en jquery
et fait des recherches je n'ai rien trouvé sur le sujet,
si je desactive le background à 100%, le scroll est de nouveau fluide.
Quel est mon problème?
mon site :http://www.confederationcreative.ch/dcube/en/store/

[ornitho13]

Regarde d'abord dans ta console du navigateur, tu as une erreur javascript :

Uncaught ReferenceError: marginLeftfixed2 is not defined

le problème doit surement venir de là

[naiad]

Merci, je viens de modifier mais rien à faire, le scroll saccade, je ne comprends pas pourquoi ?!

[ornitho13]

dans l'exemple que tu donnes (l'url), il n'y a pas du tout de background-image mais une image.
Commence par mettre à jour ton html sur ta démo.

De plus utilise, pour background-size, les %. Peut être que "cover" n'est pas bien interprété par le navigateur. Exemple :

Code :

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

1
2
3
4
-webkit-background-size: 100% 100%;
-moz-background-size:  100% 100%;
-o-background-size:  100% 100%;
background-size:  100% 100%;

Derenière question : sous quel navigateur testes tu ?

[naiad]

Ca ne centre pas l'image du coup ce n'est pas ce que je veux...
Le cover me permettait de garder de bonnes proportions à chaque fois.
Je teste sur Chrome 10.0.648.204, firefox 3.5.18 et safari 5.0.3, je n'ose même pas imaginer le rendu sur IE

[naiad]

En fait désolée, erreur de frappe ca marche bien mais ca saccade toujours!!