Discussion :

[Skpflz]

Bonjour,

J'ai une mosaïque de vignettes qui s'ouvrent avec fancybox (2.1.5). Et des backgrounds fixes, comme celui-là:

Code css :

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

1
2
3
4
5
6
7
8
9
10
11
12
#img-top {
	background-image: url(../images/Luzern-Bourbaki-h850-opt.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	text-align: center;
}

Quand je clique sur une des vignettes, elle s'ouvre impecc, mais le background se déplace de quelques pixels sur la droite. Il reprend sa place quand je clique pour fermer l'image. Comment faire pour que le background ne bouge pas?

Merci d'avance pour le coup de main demandé!

Skpflz

PS: désolé, ce post devrait figurer dans le sous-forum Jquery, mais je n'arrive pas à trouver comment l'effacer

[Watilin]

Sans être sûr de ma réponse, je lance une piste :

Code CSS :

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

background-position: center center;

Si la vignette a une quelconque action sur la largeur de la page, le centre horizontal s'en trouvera déplacé, et ça expliquerait pourquoi le background se déplace. Une solution serait de remplacer le center horizontal par une valeur fixe, par exemple :

Code CSS :

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

background-position: left 400px center;

[Skpflz]

YESSSSSSSSS

ça marche! J'avais essayé plein de trucs mais pas ça!

merci mille fois!