WebSite X5Help Center

 
Vincenzo Errico
Vincenzo Errico
User

Immagine sfondo sito  it

Autor: Vincenzo Errico
Visitado 508, Followers 1, Compartido 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

Publicado en
13 RESPUESTAS
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuario del mes 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...

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Vincenzo Errico
Vincenzo Errico
User
Autor

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

Leer más
Publicado en de Vincenzo Errico
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuario del mes PL

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

... Ctrl+U e vedi...

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Vincenzo Errico
Vincenzo Errico
User
Autor

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

Leer más
Publicado en de Vincenzo Errico
Vincenzo Errico
Vincenzo Errico
User
Autor

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

Grazie

Leer más
Publicado en de Vincenzo Errico
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuario del mes 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...
.



Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Vincenzo Errico
Vincenzo Errico
User
Autor

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

Leer más
Publicado en de Vincenzo Errico
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuario del mes PL

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

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

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪