background-position con percentuali

[nourdine]

mi potete spiegare il posizionamente del backgrouind con le percentuali?

ho capito che:

background-position: 50% 50% >> centra si averticalmente che orizzontalmente l'asse dell'immagine di sfondo con l'asse del contenitore

background-position: 100% 100% >> equivale a bottom right

background-position: 0% 0% >> equivale a top left

ma i valori intermedi???

non ci vedo il senso!

[paololosco]

ho provato a farti uno schemino... nell'ipotetica pagina ad esempio il mio sfondo (rett rosso) è a 80% 70%

[paololosco]

scusa schemino non messo...

comunque il 50% non mette la mia immagine al centro, ma l'angolo ALTO SX della mia immagine al centro!!!

il mio rettangolo rosso è a posizione 80% 70%!

per centrare un'immagine al CENTRO del BODY (es immagine di 100px x 100px)


position: absolute;top: 50%;left: 50%;
height:100px;
width:100px;
margin-top:-50px;
margin-left:-50px;

spero di essermi spiegato!

[nourdine]

scusa Mr ma io sto parlando di immagini di sfondo e loro posizionamento. Non del tag <img> e del suo posizionamento rispetto ad un elemento progenitore (body o altro tag che sia)!

you understand?