background image con partenza negativa

[rikkardone]

ciao,
sto usando questo codice per una background image:

body {
background-color: #66FF00;
background-image: url(../img/texture.png);
background-repeat: repeat;
background-position: left top;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

Vorrei però che l'immagine non parta dalla coordinata immaginaria (0,0) della finestra, ma di qualche pixel in negativo, per esempio (-5,-5). che posso fare con i css?

o è meglio che ridisegni la texture?...

grazie!

[blekm]

prova con margin-left: -n PX;

dove N è un numero a tua scelta

[rikkardone]

noo, già provato prima di postare.. non va con i n negativi..

[gengix]

Se intendi l'immagine di background non c'entra niente il margin, devi impostare i valori negativi alle coordinate del background.
Ma attenzione, perchè quando fai ripetere il background sia nell'asse x che in quello y, non puoi impostare la posizione di partenza dell'immagine.

Eventualmente puoi provare ad ottenere quello che vuoi, aiutandoti con un elemento in più come un div con dei margini negativi, se ho capito bene quello che vuoi fare.

[rikkardone]

no, beh, lavorerò sull'immagine allora...
più facile sfasare l'img base che si ripete.

grazie!

[fcaldera]

background-position: -5px -5px;

[rikkardone]

bella lì!




a volte, la soluzione è lì che ci guarda...