WebSite X5Help Center

 
Vincenzo Errico
Vincenzo Errico
User

Immagine sfondo sito  it

Autore: Vincenzo Errico
Visite 507, Followers 1, Condiviso 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

Postato il
13 RISPOSTE
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese PL

... 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...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Vincenzo Errico
Vincenzo Errico
User
Autore

quel DIV non scala del tutto, a risoluzioni più basse mimane tagliato non adattandosi!

Leggi di più
Postato il da Vincenzo Errico
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese PL

... sì, ...mi riferivo al DIV_CUSTOM con l'istruzione che ti avevo suggerito...

... Ctrl+U e vedi...

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Vincenzo Errico
Vincenzo Errico
User
Autore

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

Leggi di più
Postato il da Vincenzo Errico
Vincenzo Errico
Vincenzo Errico
User
Autore

e per aggiungere z-index:-1? in quanto l'immagine mi copre parte de menu

Grazie

Leggi di più
Postato il da Vincenzo Errico
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese PL

... 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...
.



Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Vincenzo Errico
Vincenzo Errico
User
Autore

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

Leggi di più
Postato il da Vincenzo Errico
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese PL

... io adesso lo vedo correttamente come sfondo, sotto agli altri elementi...

... hai azionato Ctrl+F5 in rete...?...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪