WebSite X5Help Center

 
Vincenzo Errico
Vincenzo Errico
User

Immagine sfondo sito  it

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
13 RéPONSES
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

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

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Vincenzo Errico
Vincenzo Errico
User
Auteur

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

Lire plus
Posté le de Vincenzo Errico
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

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

... Ctrl+U e vedi...

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Vincenzo Errico
Vincenzo Errico
User
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

Lire plus
Posté le de Vincenzo Errico
Vincenzo Errico
Vincenzo Errico
User
Auteur

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

Grazie

Lire plus
Posté le de Vincenzo Errico
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

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



Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Vincenzo Errico
Vincenzo Errico
User
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

Lire plus
Posté le de Vincenzo Errico
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

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

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

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪