Foto sfondo homepage 
Autore: Enrico N.
Visite 1848,
Followers 2,
Condiviso 0
ciao a tutti.
Penso di aver fatto tutto secondo manuale ma nonostante cio' la homepage del mi ositarello questa mattina si presenta con la foto di sfondo sdoppiata.
Cosa puo' essere successo?
qui il link: http://www.enriconocito.com/
Postato il
... su quel link ne vedo solo una...
.
ciao
Autore
ma non la vedi sdoppiata?
tutto regolare, immagine unica full screen.
anche io perfetta...
@Enrico
Se usi IE7/8 effettivamente c'è uno sdoppiamento (allegato).
Non ho approfondito più di tanto ma, con l'immagine adattata al contenuto della finestra, potresti inserire questo CSS con commento condizionale:
<!--[if lte IE 8]>
<style><br />html {
background-image:none !important;
}
</style><br />
P.S.
Ottimizzerei l'immagine: troppo pesante.
Ci riprovo, questo è il codice corretto:
<!--[if lte IE 8]>
<style>
html {
background-image:none !important;
}
</style>
<![endif]-->
Autore
grazie mille a tutti per le vostre prove e risposte.
Autore
... ora ho cambiato immagine in homepage e devo capire (e' un po' che ci tento ma senza riuscici) perche' lo scatto mi viene tagliato nella parte inferiore pur avendo indicato ADATTA A FINESTRA
Tornando alla prima domanda: il problema di "sdoppiamento" immagine su IE7/8 era dovuto alla trasparenza dell'immagine .png usata in precedenza.
Quest'ultima domanda: se l'adattamento è in larghezza, ovviamente ti taglierà tot in altezza a secondo della risoluzione/proporzione del tuo monitor.
... forse quello che hai riscontrato potrebbe avvenire sui dispositivi detti o diventati obsoleti, ma che occupano ancora il 40-45% del traffico WEB, come per esempio sul mio IE.7 e confratelli in giù, e non è poca roba...!... infatti sul mio IE.7 il resize della tua pagina non funziona, e quindi su monitor più grandi del mio ma con browser obsoleti potrebbe verificarsi quanto hai detto...
... tanto per passatempo, visto che il mio vecchio catorcio era in funzione, ho provato la tua immagine attuale con la mia invenzione fatta con SwishMax, risultando cinque volte più leggera della tua, ed ho compilato la pagina direttamente in rete:
http://www.zspace.it/kolasim/swiffy/AltoSinistraNocito2.html
http://www.zspace.it/kolasim/swiffy/CentroCentroNocito.html
... funziona sui miei IE7, Ch ed Ff, ma non so però di quegli altri browser e dispositivi nati o diventati obsoleti...
... se puoi prova a verificare sui tuoi dispositivi, e quando avrai valutato e mi farai sapere eliminerò questi esempi Swiffy...
.
ciao
Autore
grazie.... ora in ufficio non riesco a testare il tutto perche' i filtri blocano i links.
Il mio problema e' anche che l'immagine in home viene tagliata in basso nonostante abbia selezionato adatta alla pagina. Bho non capisco !!!!
... è ovvio che sia così, avendo l'ancoraggio Alto/Sinistra e per mantenere l'aspetto ratio proporzionalmente alla finestra di apertura, avendo un rapporto superiore al 3:2, 1,67; ...quindi a rapporto inferiore si vedrebbe tutta l'altezza ed a rapporto superiore verrebbe tagliata in basso...
... se non ti interessasse l'aspetto ratio, il che data l'immagine non sarebbe il caso, potresti dare allo sfondo uno sviluppo al 100% permettendo la deformazione dei pixel...
... immagine inadeguata per misure(!) e peso(!!)...
.
ciao
Autore
scusa ma non ho capito nulla...... troppo tecnico. Inteso che non e' un problema tuo di spiegazione bensi mio di comprensione.
Semplificando molto: al mondo ci sono monitor "quadrati" (4/3) e rettangolari (16/9).
Se hai una foto "quadrata" (come nel tuo caso) la vedrai più o meno tutta sui monitor "quadrati" e tagliata in altezza (se adattata in larghezza) sui monitor rettangolari.
Se l'adatti in altezza avrai degli "spazi vuoti" lateralmente.
Se vuoi vederla tutta su tutti i monitor, puoi adattarla sia in larghezza che in altezza ma la vedrai inevitabilmente "stretchata" sui monitor con diverso rapporto dalla foto.
Spero sia chiaro...
Chiedo scusa per la mia semplificazione.
...
... infatti è per come è stato appena anticipato; ... in poche parole è ciò che accade nel concreto...
... dicendo le stesse cose per stare sul pratico, supponendo di avere una immagine cartacea che misuri 10x15cm, e di avere a disposizione una cornice di 10x10cm; ...ecco, la parte eccedente di 5cm va tagliata per stare nella cornice...
... se invece vorresti provare lo sviluppo al 100%, a tutta pagina con deformazione, poco adatto al tuo tipo di immagine, (ma molto usato specialmente sino a due anni fa), allora prova ad inserire in HEAD questo codice:
<style> html {background-size: 100% 100%;} </style>
.
... ... rivedi il concetto di WEB; ...30-40 secondi nel mio caso per avviare la HOME sono decisamente troppi; ...personalmente potrei tollerare tra 1 e 3 secondi, e se proprio devo farlo max 5 secondi...
.
ciao
Autore
ok oa mi e' chiaro..... grazie a tutti.
Per l'avvio della home purtroppo ho sbagliato io.... ho inserito la foto con un peso molto elevato invce che quella creata appositamente per i lsito.
Grazie ancora a tutti....