impostare sfondo div

[melmar20]

Come imposto un immagine come sfondo di un DIV?

Ho fatto diverse ricerche ma non ho trovato una soluzione.

Sapreste aiutarmi

[Prill]

hai guardato qui http://www.w3schools.com/css/css_background.asp ?

[melmar20]

Si, ma non dice come fare!

Voglio impostare un unica immagine come sfondo.

[Prill]

come non dice come fare? fa degli esempi che puoi anche modificare. Per impostare un'immagine su body si può inserire nel css

body {background-image:url(nome_e_indirizzo.estensione);}

poi si può impostare la ripetizione o non ripetizione attraverso il background-repeat, poi la posizione...

per inserire lo sfondo sul div, crei una classe, esempio:

.mioDiv {background-image:url(nome_e_indirizzo.estensione);}

e la applichi

<div class="mioDiv">contenuto</div>

[melmar20]

OK . Ma facendo cosi NON ottengo l' immagine sullo sfondo del DIV.

L' immagine si ripete n volte. Se imposto no-repeate l'immagine non compare INTERAMENTE il mio DIV .!

[Prill]

se vuoi che l'immagine non si ripeta (questo accade quando il div è più grande dell'immagine stessa) metti no-repeat, se l'immagine non si visualizza completamente il div sarà più piccolo dell'immagine stessa (e allora dovrai dargli una larghezza e un'altezza adeguata)

[melmar20]

OK, allora il DIV occupa tuuta la pagina. L immagine è 48×48 px, quindi occupa solo un piccolo spazio del DIV.

Le dimensioni dell immagine non si riescono a settare

[Prill]

Per il ridimensionamento dell'immagine di sfondo i css3 prevedono la proprietà background-size, che non è supportata da Explorer8 e precedenti. Esistono poi altri metodi più o meno complicati per ottenere un effetto analogo. Il punto però è: vuoi andare a ingrandire affinché si estenda a un div che occupa tutta la pagina un'immagine di soli 48 pixel? Sarà del tutto sgranata