Ho un problema con IE8. Quando l'età viene ricaricata/aggiornata, lampeggia in bianco. Il mio cliente è molto infelice e non riesco a trovare alcun tipo di risposta da nessuna parte. PER FAVORE qualcuno può far luce. Ecco un link a un sito con il tema: http://www.gingergraphicdesign.comperché su 8 lampeggia lo sfondo bianco per una frazione di secondo durante l'aggiornamento?
tuo CSS in linea dice:
body { margin:0px; background-color:#fff ...
... in modo che (#fff, ad esempio, bianco) è il colore che verrà visualizzato prima che l'altro gli elementi vengono visualizzati o i carichi della grafica di sfondo. Scegli un colore più vicino in tono e valore al colore principale della versione caricata finale per ridurre al minimo lo sfarfallio apparente. Nel tuo caso, la maggior parte del layout risultante è la scatola sfondo nero, quindi vuoi andare con il nero.
Grazie -Ho fatto così e quello che dici è davvero corretto anche se il flicker rimane - diventa nero invece che bianco. Sul sito del mio cliente (il sito Ginger è solo il mio vecchio sito che sto usando per dimostrare il problema) non vuole affatto un aggiornamento di transizione, come se la pagina avesse un colore di sfondo piuttosto che un'immagine. Il tuo consiglio tuttavia è molto apprezzato. Grazie. – user351922
@martinjbull: se si aggiorna, in particolare, che si è preoccupati, è sempre possibile aggiornare il contenuto * senza * aggiornare la pagina, caricando il contesto tramite Ajax e compilando il contenitore pertinente. –
Lo sfondo della pagina è #FFFFFF (bianco). Viene visualizzato per una frazione di secondo prima che venga visualizzato l'URL dell'immagine ("Risorse/ggdbggradient.gif").
Cambia il tuo colore di sfondo in qualcosa di più scuro che corrisponde e starai bene.
Grazie - l'ho fatto e quello che dici è davvero corretto anche se il flicker rimane - diventa nero invece che bianco. Sul sito del mio cliente (il sito Ginger è solo il mio vecchio sito che sto usando per dimostrare il problema) non vuole affatto un aggiornamento di transizione, come se la pagina avesse un colore di sfondo piuttosto che un'immagine. Il tuo consiglio tuttavia è molto apprezzato. Grazie. – user351922
Un altro modo per ridurre lo sfarfallio tra le transizioni di pagina in IE è la tecnica fajax descritta here.
Fornisce un breve effetto di transizione, indipendentemente dalla pagina successiva visitata, quindi potrebbe non essere adatto, ma ho pensato di lanciarlo come possibilità.
<META http-equiv="Page-Enter" content="blendTrans(Duration=0.1)">
<META http-equiv="Page-Exit" content="blendTrans(Duration=0.1)">
Grazie - ci avevo provato prima ma non ho avuto successo - ma questa volta funziona! è possibile che il tuo codice sia diverso in qualche modo rispetto al codice che ho usato l'ultima volta: confronterò e vedrò. Grazie. – user351922
Ciò risolve un problema simile che avevo con IE8. Grazie! –
provare questo codice:
body, html{background:#0F0;}
Applicare la bg al tag HTML. Success: D
Ho trovato che l'impostazione del colore di sfondo nel file CSS non rimuove il flash bianco.
Ciò che ha funzionato per me era la definizione dello stile nell'intestazione poco prima che i file CSS venissero caricati. Nel mio caso il colore che volevo era #D0D0D0 quindi questo è quello che ho fatto.
<!doctype html>
<html lang="en">
<head>
<title>Page Title</title>
<!-- META Tags -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>html, body { background-color: #D0D0D0; } </style>
<!-- CSS Style Sheets -->
<link rel="stylesheet" type="text/css" href="/css/style.css" />
</head>
Questo ha risolto il flash bianco in IE9 per me. La mia ipotesi è che IE disegnerebbe la pagina bianca se ci fosse Javascript da eseguire nello <head>, ma IE non analizzerebbe il file CSS finché non ha raggiunto lo <body>.
Accade anche con Chrome ... – BoxOfNotGoodery
In una nota a margine, gli stili CSS lasciano molto a desiderare ... Stanno seriamente andando a lasciare le cose chiamate style1, style2, ... style27? – GenericTypeTea
JohnFly ... grazie, apprezzo molto il fatto che abbia segnalato il problema di Chrome. Hai anche ragione sui nomi di stile dispari - come il mio sito personale, non mi dispiace che gli stili vengano nominati astrattamente per una volta - i nomi degli stili sono rimasti da quando ho iniziato a disegnare il web all'inizio, molto tempo fa, con un html Generatore. I miei altri siti per i clienti hanno nomi di stile CSS appropriati. – user351922