immagine background

[leaf]

ciao, il titolo non è molto esplicativo ma non sapevo cosa metterci..questo è il mio codice:

body{background:url("img/background3.jpg");
    background-size: 100% 300%;
    background-attachment:scroll;
    background-repeat: no repeat;
    position: relative;
    text-align:center; font-family:Helvetica, arial, sansserif; font-size:20px;}

quello che succede al momento è che l'immagine background, a seconda del contenuto della pagina, si vede o no. cioè, sembra che venga dilatata verso il basso quando ci sono tanti contenuti (es. tabella). io invece la voglio fissa come sfondo e tutti i contenuti che ci scorrano sopra. Ho provato diverse combinazioni fra attachment, repeat e position ma non sono ancora riuscito a capire dove mettere le mani.
ciao e grazie
l.

[sgogghy]

background:url("img/background3.jpg");
background-size:100%300%; /*non serve*/
background-attachment:fixed;
background-repeat:no repeat;

[leaf]

grazie..mmm..ok..così l'immagine c'è ma è tipo ingrandita (si vede solo l'angolo in alto a destra dell'immagine, che occupa tutto lo schermo)..forse l'immagine è troppo grande? che dimensioni dovrebbe avere in media? o magari c'è un "resize"?
ciao,
l.

[sgogghy]

Dipende. Hai tolto il background-size? quanto è grande l'immagine?

[leaf]

sì tolto..ho copiato il tuo codice..l'immagine è 1920x1200

[carlomarangoni]

Se l'immagine è più grande della finestra, ovvio che si vede solo un pezzo

[leaf]

ok, ridimensionando e allargando l'immagine, sono riuscito a farcela stare..però a discapito della qualità..nel senso che si è un po' sgranata..come posso fare per avere una qualità ottima dell'immagine, pur avendo la dimensione giusta? ora l'immagine è 1600x750..
ciao e grazie
L.

[sgogghy]

Allora, se imposti come sfondo un immagina a 1920 e il tuo monitor è a 1600, l'immagine si vedrà come tagliata.
Se vuoi uno sfondo che si adatti, allora dovrai caricare un'immagina a 1920 e poi utilizzare il background-size:contain che fa lo scale del background in base alla finestra del browser

[leaf]

capisco il ragionamento..ma scusa, io sto usando un 17" full hd (1920x1080)..per vederla intera, ho messo l'immagine molto più piccola (1600x750)..c'è qualcosa che non torna allora?

edit: il contain non sta facendo nulla..

grazie e ciao
L.

[carlomarangoni]

..c'è qualcosa che non torna allora?

Devi tenere conto dello spazio che occupa il browser, dello spazio delle scroll, insomma se tu hai una risoluzione di 1920 non è detto che l'immagine deve essere uguale, poi non capisco perchè un'immagine di 1600 deve essere sgranata, qui si che c'è qualche cosa che non torna! Poi ancora se qualcuno visita la tua pagina che non ha la tua risoluzione, come la vede? Io non metterei mai un'immagine di quelle dimensioni per uno sfondo