Immagine sfondo sito
Auteur : Vincenzo Errico
Visité 565,
Followers 1,
Partagé 0
Come è possibile fare in modo che un'immagine inserita nello sfondo del sito si adatti solo alla larghezza della finestra e non adattanrsi riempiendo l'intera finestra rimanendo fissa e di conseguenza croppata se il rapporto di proporzione è diverso dalla finestra?
Grazie mille
Posté le
... con il solito DIV_CUSTOM che già conosci, assegnando per le dimensioni dell'immagine solo il valore della larghezza al 100% e niente per l'altezza...
.
Auteur
quel DIV non scala del tutto, a risoluzioni più basse mimane tagliato non adattandosi!
... allora non ho capito cosa intendi dire; l'esempio: http://www.zspace.it/kolasim/div_custom/DivIcmSfondoRatioNoFull_K.html
.
Auteur
ecco, questa si! La volta precedente mi avevi inviato queso link e come vedi se rimpicciolisci la finestra la foto viene tagliata: http://www.zspace.it/kolasim/website/fasceswiffy/fasciaHeaderResizeVincenzo1.html
... sì, ...mi riferivo al DIV_CUSTOM con l'istruzione che ti avevo suggerito...
... Ctrl+U e vedi...
Auteur
Basta solo questo in, prima della chiusura del tag body?
<div class="Div_Custom">
<img src="http://www.vincenzoerrico.it/01.jpg" width="100%" />
</div>
Perchè se è cosi la foto la vedo in fondo al contenuto della pagina
Auteur
http://www.lafotografiadimatrimonio.it
... sì, ... così è in fondo; ...se lo vuoi in alto, fai così: http://www.zspace.it/kolasim/div_custom/DivIcmSfondoRatioNoFull_K2.html
http://www.zspace.it/kolasim/div_custom/DivIcmSfondoRatioNoFull_K3.html
.
Auteur
Fatto, grazie http://www.lafotografiadimatrimonio.it ! E' possibile che i contenuti della pagina inizino dopo l'immagine di sfondo?
Auteur
e per aggiungere z-index:-1? in quanto l'immagine mi copre parte de menu
Grazie
... non avendo il programma, devi provare tu, ...e prova ad inserire il codice invece che alla fine del body, nell'opzione: ▼ Dopo l'apertura del tag BODY
... provando senza o con l'aggiunta dell'ultimo stile, e verifica il comportamento del resto della pagina...
.
Auteur
sarebbe corretto il codice così:
<div class="Div_Custom" style="z-index:-1;position:absolute;top:0px;width:100%">
<img src="http://www.vincenzoerrico.it/01.jpg" width="100%" />
</div>
solo che la z-index non reagisce
... io adesso lo vedo correttamente come sfondo, sotto agli altri elementi...
... hai azionato Ctrl+F5 in rete...?...
.