Oggetto: Sfarfallio bianco con fadeIn di Jquery
Postato il 12/07/2012 22.20.04. Letto 1473 volte.

Leggendo pagine su pagine in Rete si giunge alla conclusione che l´effetto di dissolvenza all´apertura di una pagina si può realizzare in due modi:
- tramite i meta tags, supportati solo da Internet Explorer
- tramite gli script che sfruttano jquery e sono letti da tutti i browser

Con Chrome, però, sorge un problema:
la funzione di fadein esita in un antipaticissimo flash bianco prima dell´effetto di fading.
Il problema è stato ammesso dagli stessi sviluppatori di Chrome e dipende proprio dal browser.
Cercando per giorni su forum e siti internazionali di ogni genere non ho trovato soluzione a questo problema apparentemente insormontabile.

Ho aperto questa discussione perchè credo di avere trovato la soluzione da me... e vorrei condividerla pubblicamente così che chi si trova nelle mie stesse difficoltà ne possa beneficiare.

Nel foglio di stile css, dopo il comando display:none necessario per il successivo fading, specificare solo per chrome una cosa diversa, come segue:

@media screen and (-webkit-min-device-pixel-ratio:0) {
display:block;
}

E, incredibilmente, il gioco è fatto.

Il Gioco di Ruolo Fantasy

[LINK ]

"Chi segue le orme altrui non giunge mai primo"

13/07/2012 14.59.52