2010-08-28 10 views
3

J'ai une image d'arrière-plan réglée au centre et doit être en position fixe. Cependant, je voudrais juste le pousser 100px hors du centre, des idées?Comment positionner une image d'arrière-plan décentrée?

CSS arrière-plan: url (styles/images/bg.png) centre de non-répétition 0; arrière-plan: fixe;

Ceci est l'échantillon de travail http://www.warface.co.uk/clients/detail-shoppe/

+2

Vous ne pouvez pas modifier l'image? :/ –

+0

Je devrais ajouter un espace clair massif qui va augmenter la taille du fichier. Il doit être conservé dans la position avec le contenu sur le navigateur redimensionner – Rob

+0

Le lien est rompu. –

Répondre

-3

ressemble background-position est ce que vous recherchez.

Vérifiez cette link pour plus de détails

+1

Cette réponse est seulement un lien brisé vers une page w3schools qui ne répond pas à la question de l'OP. –

5

Création d'une image d'arrière-plan plus large qui est 300px plus large (gauche ou de droite) se déplacera l'arrière-plan 150px du centre. Il n'y a pas de style CSS dans la propriété d'arrière-plan qui fera cela. Si vous ne voulez pas créer plus de div, c'est le seul moyen.

+0

Cette solution est la seule valable, qui répond vraiment au problème de Rob (j'ai eu le même ...). En effet, définir une position d'arrière-plan à 100 px déplacera l'ancre de l'image. –

+0

Vous pouvez effectuer une telle opération avec image magick simplement: convertir image.jpg -gravity East -extend x image_extended.jpg en remplaçant la largeur et la hauteur par les dimensions d'origine. –

Questions connexes