Contrôler une position de l'image de fond du corps

Question

Je me demandais s'il était possible d'affecter le positionnement du corps; J'ai une image de 500 x 500 pixels que j'ai positionnée au centre de la page, ne pas répéter. Je me demandais s'il était possible de biaiser le positionnement d'une manière ou d'une autre de sorte qu'il apparaisse à 20 pixels du centre, car j'ai un en-tête plus grand qui recouvre l'arrière-plan.

Des idées?

Merci.

Answer 1

Si vous ne souhaitez pas compenser exactement 20px, vous pouvez utiliser un pourcentage pour compenser la coordonnée y de l'arrière-plan. Voici un exemple:

background-position:50% 55%; 

Voici un lien pour plus d'informations: http://www.sitepoint.com/blogs/2007/07/05/css-using-percentages-in-background-image/

Answer 2

Rendez votre image de fond 40px plus haute en haut. Cela va shunter l'image vers le bas 20px.

Vous pourriez essayer de pirater avec des divs et des marges mais rendre l'image plus grande a le même effet sans causer de perte de cheveux.

Answer 3

Étudiez l'utilisation de la règle de position d'arrière-plan dans CSS. Il faut 2 valeurs, séparées par un espace, comme suit:

background-position: left center; 

ou

background-position: 50px 100px; 

Elles sont dans l'ordre X-Y.